/*
Theme Name: dive
Version: 1.0
Description: A child theme of Divi
Template: Divi
*/

@import url("../Divi/style.css");
/*HEADER*/
#main-header { /*background-image:url("images/toppage-bg.jpg"); background-repeat:no-repeat; background-position:50% 30%;*/ padding-top:10px; }
.et_fixed_nav #logo { max-height:70px; margin-bottom:10px; }
#main-header.et-fixed-header nav#top-menu-nav {
  padding-top: 10px;
}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
  padding-top: 10px!important;
}
#logo {  }
.et-fixed-header #logo {
  max-height: 70px;
}
.ifheader { display:none; }

.header-widgets { float:right; margin-top:20px }
.clearhead { clear:right; }
span.phone {
  background: none repeat scroll 0 0 #ff9000;
  border: 0 solid transparent;
  border-radius: 3px;
  box-shadow: 2px 1px 5px 0px #222;
  color: #fff;
  display: inline-block;
  font-size: 26px;
  font-weight: 700;
  line-height: 41px;
  margin-left: 5px;
  padding: 0 17px;
}

#top-header {
  font-size: 14px;
  line-height: 16px;
}
#top-header .container {
  padding-top: 5px;
}
#et-info {
  padding-bottom: 5px;
}
#et-secondary-menu {
  padding-bottom: 5px;
}

/*MENU*/
#top-menu li, .fullwidth-menu li { font-size: 18px; font-weight:600; }
.nav li li a, .et_mobile_menu li a {
    font-size: 16px; }
#main-header nav#top-menu-nav {
  padding-top: 20px;
}
#top-menu li > a, .fullwidth-menu li > a {
  padding-bottom: 15px;
}
#top-menu li.mega-menu > ul, .fullwidth-menu-nav li.mega-menu > ul {
  top: 80px;
}
#main-header.et-fixed-header nav#top-menu-nav {
  padding-top: 20px;
}
.et-fixed-header #top-menu li.mega-menu > ul {
  top: 81px!important;
}

.et_mobile_menu { top:auto; }
.et-fixed-header .et_mobile_menu {
  top: auto;
}
#et-info, #et-secondary-menu > ul > li a {
  padding-bottom: 0.25em;
}
/*MAIN*/
body {
font-size: 18px;
font-weight: 400;
line-height: 1.6;
}
h1, .hmh1 h1 {
  font-size: 55px;
  font-weight: 100;
}
h2 {
  font-weight: 200;
  font-size: 45px;
}
.title_banner img { margin-right:28px; }
.title_banner img:nth-of-type(4) { margin-right:0px; }
/*WIDGETS*/
.widget_slideshow h4.widgettitle { display:none; }
/*Footer Widgets*/
#text-5 blockquote { font-size:18px; font-style:italic; font-weight:200; }
#text-5 blockquote strong{ font-size:22px; font-weight:600; }

/*FOOTER*/.footer-widget {
  margin-bottom:10px;
}
#footer-widgets {
  padding-top: 40px;
}
#footer-widgets .footer-widget li { padding-left:0; margin-bottom:0; padding-bottom:3px; }
#footer-widgets .footer-widget li:before { border:0; }
.footer-widget h4.title { color:#fff!important; font-weight:bold; }
.footerupper .footer-widget h4.title { color: #16c0e9 !important; }
.topfootercontainer { background-color:#152b75; }

.lowerfootertitle { font-size:36px; color:#fff; font-weight:700; line-height: 1.5em; padding-bottom:20px; }

.footerlower { font-size:16px; line-height:1.2em; }
/*#footer-widgets .footer-widget li::before { border-radius: 3px;
border-style: solid;
border-width: 3px;
top: 8px;
}*/
#footer-widgets .footer-widget li { padding-left:0px; padding-bottom: 10px; }

/*opening hours*/
.footerupper{ font-size:16px; }

.row .day {
  float: left;
}
.row .hours {
  float: right;
  padding-left: 20px;
}


/*HOME BANNER*/
#hm-ban { -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    7px 7px 5px 0px rgba(50, 50, 50, 0.75);
box-shadow:         7px 7px 5px 0px rgba(50, 50, 50, 0.75); }
#text-21 { width:100%; margin:0; }
#text-21 .et_pb_fullwidth_portfolio .et_pb_portfolio_item {
  height: auto;
 width: auto;
}
#text-21 .et_pb_portfolio_image::before {
  box-shadow: 0 0 79px rgba(0, 0, 0, 0.2) inset;
}
#text-21 .et_pb_portfolio_item img {
  margin-bottom: 0px;
}
#text-21 .ban-third, #text-21 .ban-fourth { margin-top:-7px; }
#text-21 .et_pb_fullwidth_portfolio .ban-first .et_pb_portfolio_image .meta {  height: 420px; }
#text-21 .et_pb_fullwidth_portfolio .ban-second .et_pb_portfolio_image .meta,
#text-21 .et_pb_fullwidth_portfolio .ban-third .et_pb_portfolio_image .meta,
#text-21 .et_pb_fullwidth_portfolio .ban-fourth .et_pb_portfolio_image .meta {  height: 210px; }

.et_pb_fullwidth_portfolio .ban-second .et_pb_portfolio_image:hover h3 {
  margin-top: 20%;
}
#text-21 .et_pb_portfolio_image a { }

.meta-info {
  background-image: url("images/diver-icon.png");
  background-position: 2px 100%;
  background-repeat: no-repeat;
  background-color: #ff9000;
  color: #fff;
  font-size: 28px;
  height: 60px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  top: 0;
  width: 60px;
  z-index: 3000;
  box-shadow:7px 7px 5px 0px rgba(50, 50, 50, 0.75); 
}

.ban-second  .meta-info {
 /* background-color:#015fe5;*/
  }
.meta-info, .meta, .meta-pre {
  backface-visibility: hidden;
  transition: all 0.3s ease-in-out 0s;
}
.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta-info {
  height: 210px;
}

.et_pb_fullwidth_portfolio .ban-first .et_pb_portfolio_image:hover .meta-info {
  height: 420px;
}


.meta {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
  color: #fff;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  width: 100%;
    z-index: 2;
}
.et_pb_portfolio_image:hover .meta {
  opacity: 1;
  top: 0;
}
.meta {
  padding: 31px 62px 0 96px;
}
.ban-first .meta { padding-top:65px; }

.meta-pre {
  bottom: 17px;
  left: 30px;
color: #fff;
position: absolute;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
padding-right: 10px;
}
.et_pb_portfolio_image:hover .meta-pre{
  opacity: 0;
}
.meta-pre h3 {
  font-size: 36px;
  color:#fff;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.7);
  font-weight:700;
}
/*SLIDESSHOW*/
.et_pb_pricing_table_button, .et_pb_promo_button, a.et_pb_more_button, .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_contact_submit, .et_pb_contact_reset, .et_password_protected_form .et_submit_button, .single_add_to_cart_button .button {

  font-weight: 600;
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.7);
}

/*HOME*/
.hmh1, .hmp1 { padding-top:30px; } 

/*PRODUCTS*/
.suuntoicon-check.active {
  background-position: 0 -100px;
}

.suuntoicon-check {
  background-position: 0 -80px;
}
[class*=" suuntoicon-"], [class^="suuntoicon-"] {
  background-image: url("images/suunto-icons.png");
  background-position: 20px 20px;
  background-repeat: no-repeat;
  display: inline-block;
  height: 20px;
  line-height: 20px;
  vertical-align: text-top;
  width: 20px;
}

/*RESPONSIVE*/

.et-fixed-header #top-menu li.mega-menu > ul {
  top: 102px;
}
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
.ban-first, .ban-second { margin:0 auto; }
#text-21 .ban-second { margin-top:-7px; }
#hm-ban { max-width: 540px; margin: 0 auto; }

}
@media only screen and ( max-width: 980px ) {
.ban-first, .ban-second { margin:0 auto; }
#text-21 .ban-second { margin-top:-7px; }
#hm-ban { max-width: 540px; margin: 0 auto; }

}

@media only screen and ( max-width: 767px ) {
.header-widgets { float:none; margin:0px auto; }
#logo {  position: relative; margin:0px auto; }
span.phone { margin-top:20px; }

#text-21 .et_pb_fullwidth_portfolio .et_pb_portfolio_item, #text-21 .et_pb_fullwidth_portfolio .et_pb_portfolio_item img { width:400px; }
#text-21 .et_pb_fullwidth_portfolio .ban-third.et_pb_portfolio_item, #text-21 .et_pb_fullwidth_portfolio .ban-third.et_pb_portfolio_item img,
#text-21 .et_pb_fullwidth_portfolio .ban-fourth.et_pb_portfolio_item, #text-21 .et_pb_fullwidth_portfolio .ban-fourth.et_pb_portfolio_item img { width:200px; }


#text-21 .et_pb_fullwidth_portfolio .ban-second .et_pb_portfolio_image:hover h3 {
  margin-top: 25%;
}
#text-21 .et_pb_fullwidth_portfolio .ban-first .et_pb_portfolio_image:hover h3 {
  margin-top: 20%;
}
#text-21 .et_pb_fullwidth_portfolio .ban-third .et_pb_portfolio_image:hover h3, #text-21 .et_pb_fullwidth_portfolio .ban-fourth .et_pb_portfolio_image:hover h3 {
  margin-top: 45%;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta-info {
  height: 156px;
  }
  .et_pb_fullwidth_portfolio .ban-first .et_pb_portfolio_image:hover .meta-info {
  height: 311px;
}
#text-21 .et_pb_fullwidth_portfolio .et_pb_portfolio_image p { font-size:14px; line-height:1.2em; }
}

@media only screen and ( max-width: 479px ) {
#text-21 .et_pb_fullwidth_portfolio .et_pb_portfolio_item, #text-21 .et_pb_fullwidth_portfolio .et_pb_portfolio_item img { width:280px; }
#text-21 .et_pb_fullwidth_portfolio .ban-third.et_pb_portfolio_item, #text-21 .et_pb_fullwidth_portfolio .ban-third.et_pb_portfolio_item img,
#text-21 .et_pb_fullwidth_portfolio .ban-fourth.et_pb_portfolio_item, #text-21 .et_pb_fullwidth_portfolio .ban-fourth.et_pb_portfolio_item img { width:280px; }
#text-21 .et_pb_fullwidth_portfolio .ban-second .et_pb_portfolio_image:hover h3 {
  margin-top: 10%;
}

.et_pb_fullwidth_portfolio .et_pb_portfolio_image:hover .meta-info {
  height: 218px;
}
  .et_pb_fullwidth_portfolio .ban-first .et_pb_portfolio_image:hover .meta-info {
  height: 218px;
}
  .et_pb_fullwidth_portfolio .ban-second .et_pb_portfolio_image:hover .meta-info {
  height: 109px;
}
}