/*
    99Lime.com HTML KickStart by Joshua Gatcke
    style.css

*/

/*---------------------------------
    IMPORTS
-----------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic);

@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);

@import url(css/kickstart.css);


/*---------------------------------
    OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Open Sans", arial, verdana, sans-serif;
font-weight:300;
}

h1{
font-size:3em;
margin:5px 0 10px 0;
}

h2{
font-size:2.5em;
margin:10px 0 10px 0;
}

h3{
font-size:2em;
margin:10px 0 10px 0;
line-height:130%;
}

h4{
font-size:1.5em;
margin:10px 0 10px 0;
}

h5{
font-size:1.2em;
margin:10px 0 10px 0;
}

h6{
font-size:1em;
margin:10px 0 5px 0;
}

thead th,
tbody th{
font-family: "Open Sans", arial, verdana, sans-serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: "Open Sans", arial, verdana, sans-serif;
}

.menu{
font-family: "Open Sans", arial, verdana, sans-serif;
}

blockquote{
font-family: "Open Sans", arial, verdana, sans-serif;
}

a{
    color:#e23b30;
    text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

/*---------------------------------
    LAYOUT
-----------------------------------*/
body{
margin:0;
padding:0 0 0 0;
color:#000;
background:#d0be98 url(img/background-wendbenedo.jpg);
font:normal 0.9em/150% 'Open Sans', arial, verdana, sans-serif;
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
font-weight:400;
}

.page-title{
    background: #242021;
    color:#fff;
}

.post-edit-link{
    color:#fff;    
    text-decoration:none;   
}

#header{
    background:#fff;
}

#header h5{
    font-weight:300;
    font-style:italic;
}

#menu h2{
    font-family: 'Abril Fatface', cursive;
    text-transform:uppercase; 
    color:rgba(36, 32, 33, 0.8);
    text-align:right;
}

#home{
    background:#fff;    
    border-top:15px solid #fff;
    border-bottom:5px solid #fff;
    border-left:15px solid #fff;
    border-right:15px solid #fff;
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;*/
    min-height:370px;
    height:auto;
    overflow:auto;
}

#home p{
    text-align:justify;   
}

#content{
    background:#fff;    
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    border-left:15px solid #fff;
    border-right:15px solid #fff;
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;*/
    min-height:370px;
    height:auto;
    overflow:auto;
}

#content p{
    text-align:justify;   
}

.bx-wrapper .bx-viewport{
    /*border:5px solid #fff;*/
    border:none;
    box-shadow:none;
}

.bx-wrapper, .bx-wrapper *{
    box-sizing:border-box;
}

.bx-wrapper{
    margin:0 20px 20px 0;
}

#article{
    background:#fff;    
    border-top:5px solid #fff;
    border-bottom:5px solid #fff;
    border-left:15px solid #fff;
    border-right:15px solid #fff;
    /*-moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;*/
    margin-bottom:20px;
    height:auto;
    overflow:auto;
}

/*#article img{
    height:185px;
    max-width:250px;
}*/

#content img.align-left, .img-wrap.align-left{
    margin:10px 20px 5px 0;
}

#content img.alignleft, .img-wrap.alignleft{
    float:left;
    margin:10px 20px 5px 0;
}

#content img.alignright, .img-wrap.alignright{
    float:right;
    margin:5px 0 5px 20px;
}

#article img.align-left, .img-wrap.align-left{
    margin:10px 20px 0 0;
}

#article img.alignleft, .img-wrap.alignleft{
    float:left;
    margin:10px 20px 0 0;
}

#article img.alignright, .img-wrap.alignright{
    float:right;
    margin:20px 0 5px 20px;
}

#article img.align-right, .img-wrap.align-right{
    float:right;
    margin:20px 0 5px 20px;
}

.gallery a{
    float:left;
    border:none;
}

.gallery-item{
    margin:0px;
}

.linkcat, .blogroll{
    list-style-type: none;
}

#footer{
    background:#242021;
    color:#fff;
    font-size:0.8em;
    padding: 0px;
    height:auto;
    overflow:auto;
}

#footer a{
    text-decoration:none;
    color:white;
}

#footer img.align-left {
    margin:0 10px 0 0;
}

#footer img.align-right {
    margin:0 0 0 10px;
}

#wrap{
width:100%;
background:#fff;
margin:30px auto 30px auto;
padding:0 2%;
border:1px solid #ccc;
}

.menu{
    background:none;
    border:none;
}

.menu li a{
    padding:10px 20px;
    margin:10px 0;
    text-transform:uppercase;
    text-align:right;
    text-shadow: none !important;
}

.menu ul.sub-menu {
    background:none;
    border:none;
    min-width:221px;
}

.sub-menu li a{
    padding:10px 20px;
    margin:0 0 10px 0;
    text-transform:uppercase;
    text-align:right;
    text-shadow: none !important;
}

.menu.vertical.red li a{
    background:rgba(226, 59, 48, 0.8);
    color:white;
}

.menu.vertical.brown li a{
    background:rgba(36, 32, 33, 0.8);
    color:white;
}

.menu.vertical.red li.current_page_item > a, .menu.vertical.red li.current_page_item > a:hover, .menu.vertical.red li.current_page_item.hover > a, .menu.vertical.red li.current-menu-parent > a, .menu.vertical.red li.current-menu-item > a{
    background:rgba(255, 255, 255, 0.8);
    color:#e23b30;
    text-shadow: none !important;
}

.menu.vertical.brown li.current_page_item > a, .menu.vertical.brown li.current_page_item > a:hover, .menu.vertical.brown li.current_page_item.hover > a{
    background:rgba(255, 255, 255, 0.8);
    color:#544b3a;
    text-shadow: none !important;
}

.menu.vertical.red li a:hover, .menu.vertical.red li.hover>a{
    background:rgba(255, 255, 255, 0.8);
    color:#e23b30;
    text-shadow: none !important;
}

.menu.vertical.brown li a:hover, .menu.vertical.brown li.hover>a{
    background:rgba(255, 255, 255, 0.8);
    color:#544b3a;
    text-shadow: none !important;
}

.menu ul{
    background:rgba(255, 255, 255, 0.8);
    border:none;
}

.menu.vertical.red li.has-menu span.arrow, .menu.vertical.red li.has-menu a span.arrow{ 
    border-color:transparent transparent transparent #fff;
}

.menu.vertical.red li.has-menu span.arrow, .menu.vertical.red li.has-menu a:hover span.arrow, .menu.vertical.red li.current-menu-parent > a span.arrow, .menu.vertical.red li.hover > a span.arrow{ 
    border-color:transparent transparent transparent #e23b30;
}

    #link-top{
    display:none;
    }

/* NAV BAR*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background:#000;
color:#fff;
z-index:1000;
}

    .navbar #logo{
    position:absolute;
    top:0;
    right:0;
    padding:0.5em 1em;
    font-size: 1.7em;
    color:#efefef;
    text-decoration:none;
    }

    .navbar span{
    color:#86dc00;
    }


    .navbar ul{
    display:inline-block;
    margin:0;
    padding:0;
    }

        .navbar li{
        margin:0;
        padding:0;
        list-style-type:0;
        display:inline-block;
        }

        .navbar li a{
        display:inline-block;
        color:#efefef;
        padding:1em 1.3em;
        text-decoration:none;
        text-transform: uppercase;
        line-height:100%;
        font-size: 1.2em;
        }

.callout{
background:#4598ef;/*#86dc00;*/
padding:3em 0;
color:#fff;
box-shadow:inset 0 0 10px rgba(0,0,0,0.2);
text-align: center;
text-shadow:0px 1px 3px rgba(0,0,0,0.2);
display:block;
}
    .callout + div.grid{margin-top:50px;}
     a.callout{cursor:pointer;}
     .callout i.icon-4x{font-size:6em;}
     .callout h4{margin-bottom:30px;}
     .callout-top{margin:50px 0 0 0;}
     .callout p{margin-bottom:0;}
     .callout .button{margin-top:10px;}
     .callout.green{background:#19ad0b;/*#86dc00;*/}

#mc_embed_signup{
padding:30px 0;
}

#ui-preview{
border:5px solid #ddd;
margin:30px 0;
display:block;
}

.navigation.pagination h2.screen-reader-text {
    font-size:1.5em;
}

/* GRID */
.grid{
    clear:both;
}

/* RESPONSIVE*/

@media all and (max-width: 768px) {

    .grid .menu li,
    .grid .menu.vertical li,
    .grid .menu.vertical.right li{
    /*display:block;*/
    }
    
    #article img{
        width:100%;
        max-width:100%;
        height:100%;
    }
    
    #footer{
        padding:5px;
    }
   
}

/* CUSTOM SLIDER*/

#home .ms-parent-id-1 > .master-slider{
    background: #fff;
    overflow:hidden; 
}