/*
Theme Name: Stockholm Child
Theme URI: http://demo.select-themes.com/stockholm/
Description: A child theme of Stockholm Theme
Author: Select Themes
Author URI: http://select-themes.com
Version: 1.0.0
Template: stockholm
*/
@import url("../stockholm/style.css");

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic);

h2 {
font-family: BaskervilleBT-Italic;
letter-spacing:.10em;
text-transform: none;
}

h5 {
font-family: BaskervilleBT-Italic;
letter-spacing:.10em;
text-transform: none;
}

.BaskervilleBT-Italic { 
	font-family: BaskervilleBT-Italic;
	font-weight: normal;
	font-style: normal;
	text-transform: none !important;
}

.full_width_inner {
padding-top:0px important!;
}

/************** Makes Text Separator Text Bakerville **************/
.vc_text_separator.full .separator_content {
	font-family: BaskervilleBT-Italic;
	font-size: 21px;
	line-height: 30px;
	color: #3E3E3E;
	font-weight: normal;
	font-style: normal;
	letter-spacing:.10em;
	text-align: center;
	border: none;
}

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 15px;
	line-height: 23px;
	color: #8D8D8D;
	font-weight: 400;
}

a:hover {
    opacity: .7;
    -webkit-transition: opacity ease .3s;
    -moz-transition:    opacity ease .3s;
    -ms-transition:     opacity ease .3s;
    transition:         opacity ease .3s;  
}

.content p {
    margin: 0 0 20px;        
}

span.divider {
    width: 40%;
    display: block;
    margin: 0px auto;
    height: 1px;
    background-color: #ffffff;
}

.container_inner.default_template_holder {
    padding-top: 15px!important;
}

/* Override current grid widths for mobile */
@media screen and (max-width: 768px) {
    div.boxed .section .section_inner, 
    div.grid_section .section_inner,
    .container_inner.default_template_holder {  
        width: 92%;
        box-sizing: border-box;
    }
}


/* Fixes for certain sections on mobile */
.front-bestsellers .vc_column_container img {
    width: 100%;
    height: auto;
}

.front-about .wpb_single_image img {
    width: 100%;
    height: auto;   
}

/************** Makes Text Separator Text Bakerville **************/

.portfolio_single.big-slider .portfolio_container, 
.portfolio_single.big-images .portfolio_container, 
.portfolio_single.gallery .portfolio_container {
    padding: 0px 0px 26px;
}

/************** Page styles **************/
.title h1 {
    color: #000;
    font-family: BaskervilleBT-Italic; 
    font-weight: 400;
    font-size:24px;
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: none;
}

/************** Sets Image Hover State **************/
a img:hover {
    opacity: .7;
    -webkit-transition: opacity ease .3s;
    -moz-transition:    opacity ease .3s;
    -ms-transition:     opacity ease .3s;
    transition:         opacity ease .3s;  
}


/*********************************************
********** HEADER Region Styles **************
*********************************************/
/************** Removes Bottom Border from Navigation **************/
header {
  width: 100%;
  display: block; 
}

@media screen and (max-width: 1000px) {
    header {
        margin: 0;   
    }
}

header:not(.sticky):not(.scrolled) .header_bottom .container_inner {
    border-bottom: none;
}

.header_bottom {
  padding: 0 15px;
    
}

@media screen and (max-width: 1000px) {
    
    .header_bottom {
        padding: 0;
        width: 768px;
        margin: 0 auto;  
    }
    
    /* Removes Social Icons from Header in Mobile */
    header.centered_logo .header_inner_right {
        display:none;
    }
    
}

@media only screen and (max-width: 768px) {
     .header_bottom {
         width: 600px;
     }
    
}

@media only screen and (max-width: 600px) {
     .header_bottom {
         width: 95%;
     }
    
}

@media only screen and (max-width: 480px) {
     .header_bottom {
         width: 360px;
     }
.vc_text_separator.full .separator_content {
    padding: 12px 5px;
}
    
}

@media only screen and (max-width: 370px) {
     .header_bottom {
         width: 95%;
     }

.content .content_inner > .full_width > .full_width_inner {
    padding-top: 0 !important;
}
header.centered_logo:not(.sticky) .q_logo img {
    max-width: 260px!important;
}
.aboutMobile {
    margin: 0px 20px 20px;
}
}

/* Header top right social links */

.header_inner_right .top-right-menu {
    display: block;
  }
    
  .header_inner_right .top-right-menu {
      margin-top:20px;
  }

  .header_inner_right ul.top-right-custom-menu {
      list-style: none;
      padding: 0;
      margin: 0;
  }

  .header_inner_right ul.top-right-custom-menu li {
      float: left;
      list-style: none;
      padding: 0;
      margin: 0;
  }
    
  .header_inner_right ul.top-right-custom-menu li a.social {
      background-color: #097646;
      border:none;
      color: #ffffff;
      display: inline-block;
      padding: 0px;
      font-size: 12px;
      line-height: 23px;
      text-align: center;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      margin-right: 8px;
      -moz-transition:    background-color ease .3s;
      -ms-transition:     background-color ease .3s;
      -webkit-transition: background-color ease .3s;
      transition:         background-color ease .3s;
      
  }

  .header_inner_right ul.top-right-custom-menu li:last-child a.social {
      margin-right: 0;
  }
    
  .header_inner_right ul.top-right-custom-menu li a.social:hover {
      background-color: #E5E5E5;
      color: #097646;
  }
    
  .header_inner_right ul.top-right-custom-menu li a.social > i {
      margin:3px 0 0;
  }

  .side_menu_button {
      height: 0px;
  }

@media (min-width: 1000px) {
    header.centered_logo .header_inner_right {
        float: right;
        margin-top: -70px;
    }
}



header.centered_logo .q_logo {
    top: 17px;
}

header.sticky .header_bottom .container_inner {
    border: 0px none !important;
    padding: 13px 0 1px!important;
}

@media only screen and (max-width: 1000px) {
    
    /* mobile menu button */
    .mobile_menu_button {
        float: right;
        height: 70px;
        margin: 0;
    }
    
    .mobile_menu_button .fa.fa-bars {
        color: #000;
        font-size: 30px;
    }
    
    
    .logo_wrapper {
        display: table;
        height: 100px;
        left: 0%;
        position: absolute;
    }
    
    header.centered_logo .q_logo {
        top: 20px;
        display: inline-block;
    }
    
    header.centered_logo .q_logo a {
        top: 0;
        left: 0%;
        width: auto!important;
    }
}

@media only screen and (max-width: 480px) {
    
    header.centered_logo:not(.sticky) .q_logo img {
        max-width: 240px !important;
        height: auto !important;
    }

}

@media only screen and (max-width: 350px) {
    header.centered_logo .q_logo a {
        max-width: 200px;
    }
    
    header.centered_logo:not(.sticky) .q_logo img {
        max-width: 200px !important;
        height: auto !important;
    }
}

/*
* Homepage hero image mobile fix
*/
@media only screen and (max-width: 1000px) {
    
    body.home .content .content_inner > .full_width > .full_width_inner {
        padding-top: 0 !important;
    }

}

@media only screen and (max-width: 600px) {

    body.home .homepage-hero-image > .section_inner {
        width: 100%;
    }
    
}

@media only screen and (min-width: 1001px) {

    body.home .homepage-hero-image {
        max-height: 485px;
        overflow: hidden;
    }
    
    body.home .homepage-hero-image a {
        display: block;
        position: relative;
    }
    
    body.home .homepage-hero-image img {
        margin-top:-15%;
    }
    
}


/************** Portfolio styles **************/


.portfolio_single h2.portfolio_single_text_title {
    color: #000;
    text-align: center;
    margin-bottom: 5px;
}

.portfolio-description {
    color: #000;
    font-family: BaskervilleBT-Italic; 
    text-align: center;
}

/*Featured image */
.post-big-image {
    margin-bottom: 3%;
}

.post-big-image img {
    width: 100%;
    height: auto;
    vertical-align: middle;
    
}

/*Masonry specific styles */
#masonry-loop .masonry-entry {
    margin-bottom: 3%;
    width: 100%;
}

@media (min-width: 768px) {
    .post-big-image {
        margin-bottom: 1%;
    }
    
    #masonry-loop {
       margin-right: -1%; 
    }
    #masonry-loop .masonry-entry {
        width: 49%;  
        /* padding-left: 1%; */
        margin-bottom: 1%;
    }

    #masonry-loop .masonry-entry:first-child,
    #masonry-loop .masonry-entry:nth-child(4n) {
        padding-left: 0;
        margin-right: 1%;   
    }
    
}

/*********** Projects Grid - Hover ***********/


.projects_holder.hover_text article .portfolio_title {
    color: #FFF;
font-family: BaskervilleBT-Italic;    
font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
}

.projects_holder article .portfolio_shader {
    background-color: #097646;
}

/*********** Related posts ***********/

.related-posts {
    margin: 0;
    padding-top: 20px;
}

.related-posts h2 {
    text-align: center;
    letter-spacing: normal;
    margin-bottom: 40px;
}

.related-posts ul {
    list-style: none;
}

.related-posts ul li {
    float: left;
    margin-bottom: 3%;
}

.related-posts ul li > a {
    display: block;
    position: relative;
}

.related-posts ul li > a img {
    display: block;
}

.related-posts ul li > a span.title-wrap {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    padding: 5%;
    box-sizing:border-box;
}

.related-posts ul li > a h4 {
    background-color: rgba(255, 255, 255, 0);
    font-family: BaskervilleBT-Italic; 
    text-transform: none;
    position: relative;
    width: 100%;
    height: 100%;
    transition: background-color ease .3s;
}

.related-posts ul li > a h4 > span {
    color: rgba(0, 0, 0, 0);
    position: absolute;
    top:50%;
    left: 0;
    transform: translateY(-50%);
    display: block;
    text-align: center;
    width: 100%;
    transition: color ease .3s;
}

.related-posts ul li > a:hover h4 {
    background-color: rgba(255, 255, 255, .75);

}

.related-posts ul li > a:hover h4 > span {
    color: rgba(0, 0, 0, 1);

}

@media (min-width: 768px) {
    .related-posts ul li {
        width:  32.666666%;
        margin-right: 1%;
        margin-bottom: 1%;
    }
    
    .related-posts ul li:nth-child(3n) {
        margin-right: 0;
    }
}


/* Instagram Styles */
#sbi_load {
    display:none;
}

/*****************************************
********** FOOTER Styles *****************
*****************************************/

footer .footer_top {
    padding: 30px 0;  
    color: #fff;
}

footer .footer_top a, 
footer .footer_top p,
footer .footer_top span,
.footer_top, 
.footer_top p, 
.footer_top span:not(.q_social_icon_holder):not(.fa-stack):not(.social_icon), 
.footer_top li, .footer_top .textwidget, 
.footer_top .widget_recent_entries>ul>li>span  {  
    color: #fff;
    font-size: 14px;
    font-style: italic;
}

.footer_top .widget_nav_menu li.menu-item a {
font-family: BaskervilleBT-Italic;
letter-spacing: .08em;
}

footer .two_columns_50_50>.column1,
footer .two_columns_50_50>.column2 {
    width: 100%;
    min-height: inherit !important;
    text-align: center;
}

div#nav_menu-4,
#text-6 {
    margin: 0 auto; 
}



footer  ul.top-right-custom-menu {
      display: inline-block;
      list-style: none;
      padding: 0;
      margin: 30px auto;
  }

footer ul.top-right-custom-menu li {
      float: left;
      list-style: none;
      padding: 0;
      margin: 0;
  }
    
 footer ul.top-right-custom-menu li a.social {
      background-color: #ffffff;
      border:none;
      color: #097646;
      display: inline-block;
      padding: 0px;
      font-size: 12px;
      line-height: 23px;
      text-align: center;
      border-radius: 50%;
      width: 23px;
      height: 23px;
      margin-right: 8px;
      -moz-transition:    background-color ease .3s;
      -ms-transition:     background-color ease .3s;
      -webkit-transition: background-color ease .3s;
      transition:         background-color ease .3s;
      
  }

 footer .header_inner_right ul.top-right-custom-menu li:last-child a.social {
      margin-right: 0;
  }
    
footer ul.top-right-custom-menu li a.social:hover {
      background-color: #E5E5E5;
      color:#097646;
  }
    
footer ul.top-right-custom-menu li a.social > i {
      margin:3px 0 0;
  }


#menu-footer_menu li {
    text-align: center;
    text-transform: lowercase;
}

#menu-footer_menu li a {
    opacity: 1;
    -webkit-transition: opacity ease .3s;
    -moz-transition:    opacity ease .3s;
    -ms-transition:     opacity ease .3s;
    transition:         opacity ease .3s;  
}

#menu-footer_menu li a:hover {
    opacity: .7; 
}

@media screen and (min-width:1000px) {
    
    footer .two_columns_50_50>.column1,
    footer .two_columns_50_50>.column2 {
        width: 50%;
        float: left;
        text-align: left;
    }
    
    div#nav_menu-4 {
        float: right;
    }
    
    #text-6 {
        margin: 0 auto;
        text-align: center;
    }
    
    footer  ul.top-right-custom-menu {
        margin: 0 auto;
   }
    
    #menu-footer_menu li {
        float: left;
        margin-right: 20px;
        text-align: left;
    }
    
    #menu-footer_menu li:last0child {
        margin-right: 0px;
    }

}

/*************** Gravity Forms *************/
.gform_wrapper input[type="text"], .gform_wrapper input[type="url"], .gform_wrapper input[type="email"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper input[type="password"], .gform_wrapper textarea {
    background-color: #f1f1f1;
}

.gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-family: BaskervilleBT-Italic; 
    font-weight: 400;
    font-size: 24px !important;
    font-weight: inherit !important;
    font-style: italic;
    text-transform: inherit;
}