/*
 Theme Name: Cabo Weddings
 Description: Cabo Weddings Test: http://www.oboxthemes.com
 Author: Obox Themes
 Template: layerswp
 Version: 1.2.7
 License: GPL 2.0
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 
**Color reference, for consistency**
 
  link color: #3D454C
  border color: #CCC
  light blue: #009DF3
 
**Table of contents**
 
    1. Header 
    2. Forms
    3. Invert 
    4. Buttons 
    5. Headings
    6. Sidebar
    7. Meta
    8. Footer 
 
/*---------------------------*/
/*- MAIN CSS ----------------*/
/*---------------------------*/
 
/*---------------------------*/
/*- 1 HEADER  -------*/

.site-logo-link img, .mark img{max-height: 200px;}


*
{
   font-family: "Open Sans", sans-serif;
}

h1, h2, h3, h4, h5, h6, .heading {
    font-family: "Open Sans", sans-serif;
	color: #224386;
}

.section-title .excerpt p:not(:first-child) {
    margin-top: 2.3rem;
}

.section-title {
    margin-bottom: 10px;
}


.section-title.large .heading {
    font-size: 3.2rem;
    line-height: 1.25;
}

.story h1 {
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 26px;
}

.story h2 {
    font-size: 2.2rem;
    font-weight: 400;
    margin-bottom: 26px;
}

.lgmj-item-style-6 .lgmj-item-title {
    border-radius: 2px !important;
    font-weight: 400 !important;
}

.lgmj-lightbox-title {
    font-weight: 400 !important;
}

.story h3 {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 26px;
}

.section-title .excerpt {
    color: #79766d;
    font-size: 1.7rem;
	max-width: 950px;
	line-height: 1.4;
}


.content-vertical-massive {
    padding-bottom: 4%;
    padding-top: 2%;
}


#layers-widget-layers-pro-tabs-3 .tab-row li.active a {
    background-color: #ffffff;
    border-top: 1px solid;
    color: black;
}


#layers-widget-layers-pro-tabs-3 .tab-row li a {
background-color: #ffffff !important;
    color: black;
}

#wrapper-site, .wrapper-site{
max-width: 1130px;
margin: 0 auto;
}

body {
    background-color: #ffffff;	
}

.nav-horizontal li a {
    color: #000000;
    display: block;
	font-size: 1em;
    font-family: 'Vollkorn', serif;
    font-weight: 200;
}
.header-site .nav-horizontal li{ 
    padding: 5px;
}
.header-site .nav-horizontal li:hover
{
    background-color: #ffffff;

}
.header-site .nav-horizontal li a:hover{
    color: #000000;
}
 

.button {
    background-color: #454545;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    padding: 5px 15px;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    vertical-align: middle;
}


.wp-caption.alignright, .story img.alignright {
    float: right;
    margin: -10px 0 10px 20px;
    max-width: 390px;
}


.header-site .nav-horizontal li a{
    color: #616461;
}
.header-site .nav-horizontal li .sub-menu li a{
    color: #000000;
 background-color: #ffffff;

}
.header-site .nav-horizontal li .sub-menu{
    background-color:#ffffff;
}


.span-8 {
    width: 100%;
}


.column.span-4 {
    float: left;
    margin-right: 4.5%;
    width: 30%;
}

#layers-widget-column-3-986 {
    background-color: #f4f1ed;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 290px;
}


#layers-widget-column-3-653 {
    background-color: #f4f1ed;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 290px;
}



.thumbnail {
    display: block;
    float: right;
    max-width: 520px;
    overflow: hidden;
    position: relative;
}

.thumbnail-body {
    background-color: #f5f5f5;
    overflow: hidden;
    padding: 20px;
    position: relative;
    text-align: center;
    z-index: 2;
}


.swiper-slide .section-title {
    margin-bottom: 0;
    padding: 10px;
	width: 100%;
}

.homeslide .swiper-slide .copy-container{
width: 70%;
margin-left: 30%;
text-shadow: 2px 2px #000000;
}

.homeslide .section-title .heading + .excerpt {
margin-top: 0px;
color:#ffffff}

.footer-site .row {
    padding-bottom: 10px;
    padding-top: 10px;
}

img.alignleft.size-full{
padding-right: 20px;}


.post .thumbnail {
    display: none;
    float: right;
    max-width: 520px;
    overflow: hidden;
    position: relative;
}



/* Tablets between 601 and 800px */ 
/*------------------------------------------------*/ 
@media only screen and (min-width: 601px) {

.header-site .container, .header-site > .header-block {
    align-items: center;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    position: relative;
}

.responsive-nav {
    margin: 0;
    padding: 0;
}


}







/* layouts smaller than 600px, iPhone and mobiles */
@media only screen
and (max-width : 600px){
    .logo{float: none; width: 70%; height: auto;} 

.column.span-4 {
    float: left;
    margin: 2%;
    width: 100%;
}

.header-site nav {
    align-items: center;
    display: flex;
    flex-direction: row;
    line-height: 30px;
    margin-top: 50px;
}

.nav-mobile {
background-color: #224386 !important;
}


#layers-widget-slide-3-487, #layers-widget-slide-3-857, #layers-widget-slide-3-334, #layers-widget-slide-3 {
    background-color: #ffffff;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    max-height: 230px;
}

.swiper-slide .section-title {
    margin-bottom: 88%;
    padding: 0;
    width: 100%;
}


.homeslide .swiper-slide .copy-container {
    margin-left: 5%;
    text-shadow: 2px 2px #000000;
    width: 80%;
}


#layers-widget-slide-7, .element .style{
    max-height: 480px;
}



}