/*
Theme Name: Bear-Necessity
Theme URI: http://www.bear-necessity.com
Template: Divi
Author: The Rad Factor
Author URI: http://www.theradfactor.com
Description: Totally Rad
Tags: responsive-layout,one-column,two-columns,three-columns,four-columns,left-sidebar,right-sidebar,custom-background,custom-colors,featured-images,full-width-template,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready
Version: 3.0.69.1503434465
Updated: 2017-08-22 20:41:05

*/
body.custom-background {
    background-size: auto auto !important;
    background-repeat: repeat !important;
    background-image: url(http://bear-necessity.eu/wp-content/uploads/2017/12/bg.png);
}

#main-header {
    background-image: url(http://bear-necessity.eu/wp-content/uploads/2017/12/bg.png);
    background-repeat: repeat;
    background-color: #080B10;
}

/*............................ Main Menu ......................*/
#et-top-navigation {
    font-weight: 600;
    background-color: #555;
    box-shadow: 0px 0px 20px 15px #000, inset 0px -4px 6px #222;
    width: 938px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    height: 35px;
    background-color: #555;
    padding-top: 10px;
    background-image: url(http://bear-necessity.eu/wp-content/uploads/2017/12/steel3.jpg);
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-family: Arial, Helvetica, sans-serif;
}

#top-menu li a, .et_search_form_container input {
    text-shadow: 0px -3px 3px #666;
}


/*........................... Main Content ....................*/

#main-content {
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-image: url(http://bear-necessity.eu/wp-content/uploads/2017/12/bg.png);
    background-repeat: repeat;
    background-color: #080B10;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    box-shadow: -5px 20px 100px #888;
}

@media (max-width: 767px){ 
.custom-slider .et_pb_slide{
background-size: 100% 100%;
}
}

.huge-it-slide-bg {
    background: transparent!important;
}

/*......... huge-it video .........*/
section #huge_it_videogallery {
    background-color: rgba(0, 0, 0, 0) !important;
}

section #huge_it_videogallery li .infoLayer ul li h2 {
    color: #000000 !important;
}

section #huge_it_videogallery li .infoLayer ul li p {
    color: #000000 !important;
}

section #huge_it_videogallery {
    padding: 20px 5px 15px 5px !important;
}

.et_pb_newsletter_button .et_pb_button {
    color:#ffffff !important;
}

.awsm-grid-wrapper .awsm-grid h3 {
    font-size: 12px;
}

@media only screen and ( max-width: 980px ) {
#et-top-navigation {
  height: auto;
  padding-top: 0 !important;
}
.et_header_style_centered #et_mobile_nav_menu {
  margin-top: 0 !important;
}
.et_header_style_centered #logo {
  margin-bottom: 15px;
}
}

/*===== Staff hover image swap effect =====*/

.back-image {
position: absolute !important;
}

.front-image {
opacity: 1;
transition: all 0.4s;
}

.staff-image-swap .et_pb_column {
overflow: hidden;
box-shadow: 0px 4px 14px rgba(98,118,140,.05);
transition: all 0.4s;
}

.staff-image-swap .et_pb_column:hover .front-image {
opacity: 0;
}

.staff-image-swap .et_pb_column:hover {
box-shadow: 0px 4px 14px rgba(98,118,140,.1);
}


