/*
Theme Name: gon_canal
Theme URI: https://canal.getonlinenola.com
Author: Faudo
Author URI: http://faudo.com/
Description: The canal design is one of a number from <a href="http://getonlinenola.com">Get Online NOLA</a>. Designed and developed for GetOnlineNOLA by <a href="http://faudo.com">Faudo</a>
gon_canal is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{float:right!important;margin:0 0 1em 1em;}.alignleft{float:left!important;margin:0 1em 1em 0;}.aligncenter{float:none!important;display:block;margin: 1em auto!important;}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}

/*/////////////*/
/*/////////////*/
/*general styles*/
/*/////////////*/
/*/////////////*/
.clearfix{clear:both;}
.text-center{text-align:center;}
.flex {display: flex;flex-direction: row;}
.flex .col-sm-4 {display: flex;}

/*/////////////*/
/*/////////////*/
/*header styles*/
/*/////////////*/
/*/////////////*/
#logo{float:left;margin:0.5em;}
.nav-stacked>li.social-link a{background-color:#000000;color:#ffffff;padding: 0.75em; border-radius: 0.8em; margin-top: 0.25em; margin-right: 0.45em;}
.nav-stacked>li.social-link a:hover{background-color:#666;}
.nav-stacked>li.social-link .fa{position:absolute;top:0.25em;left:0.3em;}
.nav-stacked>li.social-link .fa.fa-facebook{left: 0.4em;}
header.home-page{display:block;text-align:center;margin:1em 0;}
header.home-page:before{content:'';display:block;text-align:center;height:3px;width:100%;background:#cccccc;position:absolute;z-index:-200;top:2.3em;left:0;}
header.home-page h1.entry-title{min-width:33%;display:inline-block;padding:0.25em 0.5em;background:#000000;text-transform:uppercase;font-size:1.5em;}
.text-right{text-align:right;}
.header-cta-button a.button{width:auto;display:inline-block;}
.container-fluid.menu-stripe{background:#cccccc}
.menu-stripe a{color:#fff;}
.menu-stripe a:hover:after {content: "";display: block;border: 0.4em solid transparent;border-top-color: #fff;position: absolute;top: 0px;left: 50%;margin-left: -0.4em;z-index: 0;}

/*/////////////*/
/*/////////////*/
/*slideshow styles*/
/*/////////////*/
/*/////////////*/
.slide-text{background-color:#fff;height:6em;padding:1em;font-size: 1.5em;}
.slideshow-container {position: relative;margin-bottom: 1em;}
.slideshow-container:before, .slideshow-container:after {/*z-index: -1;*/position: absolute;content: "";bottom: 2em;left: 1em;width: 50%;top: 80%;/*max-width:300px;*/background: #777;-webkit-box-shadow: 0 2em 1.5em #777;-moz-box-shadow: 0 2em 1.5em #777;box-shadow: 0 2em 1.5em #777;-webkit-transform: rotate(-3deg);-moz-transform: rotate(-3deg);-o-transform: rotate(-3deg);-ms-transform: rotate(-3deg);transform: rotate(-3deg);}
.slideshow-container:after {-webkit-transform: rotate(3deg);-moz-transform: rotate(3deg);-o-transform: rotate(3deg);-ms-transform: rotate(3deg);transform: rotate(3deg);right: 1em;left: auto;}
.slideshow-box {position: relative;}
.slideshow-overlay-container {background-color: rgba(255,255,255,0.85);width: 32%;height: 99%;position: absolute;z-index: 1000;left: 4%;/**/top: 0;text-align: center;padding: 1em 1.9em;}
.slideshow-overlay-container h3 {color: #000000;font-size: 1.7em;line-height: 1.2em;border-bottom: solid 3px #1e2e5d;padding-bottom: 0.25em;font-weight:bold;}
.slideshow-overlay-container p {color: #000000;  font-size: 1.1em;  padding-top: .5em;}
.slideshow-overlay-container a.btn.green-bg {color: #1e2e5d;background: #f6f07e;font-size: 1.5em;font-weight: bold;padding: 0.5em 1em;margin: 1em 0 0 0;border-radius: 0.5em;transition: background-color 0.75s ease;box-shadow: 5px 5px #e0ce5e;}
.slideshow-overlay-container a.btn.green-bg:hover {color: #1e2e5d;background-color: #e0ce5e;}

/*/////////////*/
/*/////////////*/
/*main styles*/
/*/////////////*/
/*/////////////*/
.entry-content p{margin-top:0.5em;}
.entry-content img{margin-bottom:1em;margin-right:1em;float:left;max-width:100%;height:auto;}
.entry-content .cycle-slideshow img{float:none;margin: 0;width: 100%;}
.entry-content ul ul {list-style-type: circle;}
.entry-content iframe{margin-bottom:1em;max-width:100%;}
.wp-caption{max-width:100%;}
.wp-caption-text{font-size:60%;}
.address{margin-top:1em;}
.address iframe{margin:1em 0;}
.address img{max-width:100%;}


.row.home-full-width-section-title {text-align: center;margin-right: -33px;margin-left: -33px;border-top: 3px solid #2393a5;margin-top: 3em;}
.row.home-full-width-section-title h2.section-title {margin: .75em 0;}


/*/////////////*/
/*/////////////*/
/*footer styles*/
/*/////////////*/
/*/////////////*/
body #footer.container-fluid .container{padding:2em 0;background:#1e2e5d;border-top:3px solid #9f0230;}
body #footer.container-fluid .container .footer-widget{padding:0 1em}
#footer #login{padding-top:1.5em;}
.footer-header h4{font-size: 1.4em;border-bottom: 1px solid #fff;margin-bottom: 0.25em;display: inline-block;font-family:'Sorts Mill Goudy', serif;font-weight:normal;}
.callout{margin:1em auto;}

/*/////////////*/
/*/////////////*/
/*blog styles*/
/*/////////////*/
/*/////////////*/
a.read-more{margin-bottom: 3em;margin-top: 1em;}
.blog .entry-content img.wp-post-image, .archive .entry-content img.wp-post-image{margin-bottom:1em!important;}
.blog .entry-content, .archive .entry-content{padding-bottom:0.5em;margin-bottom:1em;border-bottom:1px solid #ccc;}
/*/////////////*/
/*/////////////*/
/*special styles*/
/*/////////////*/
/*/////////////*/
.button.slideshow {
    width: 200px;
    font-size: 1.1em;
}
.widget-area .widget-container .widget-title{margin-top:0.5em;}
.widget-area .widget-container ul {
    list-style-type: none;
    text-align: left;
}
a.read-more.button {
    display: block;
    width: 120px;
    text-align: center;
    margin-left: 0;
}
.gon-team {
    padding-bottom: 1.5em;
}
/*/////////////*/
/*/////////////*/
/*media queries*/
/*/////////////*/
/*/////////////*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* iPad Landscape */
@media only screen and (max-width : 1025px) {
.button.slideshow{max-width:160px;font-size:0.9em;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.nav{float:none;text-align:center;}
.nav-stacked>li.social-link a{max-width: 1em;margin: 0.25em auto;}
.nav-stacked .dropdown-menu{position:relative;float:none;text-align:center;box-shadow:none;border:none;background:transparent;}
.nav-stacked .dropdown-menu>li>a{color:#fff;}
#header button.navbar-toggle,#header button.navbar-toggle:hover{background:none;}
header.home-page:before{content:none;}
.text-right .address{text-align:center;}
.slide-text{height:10em;}
.cycle-slideshow .col-md-10.col-sm-9{height:5em;}
.cycle-slideshow .button.slideshow{margin:0.5em auto;}
.button.slideshow{max-width:200px;font-size:1em;}
#footer .footer-widget{padding:1em 0;}
.slideshow-overlay-container{width:50%;left:1%;}
html body .container-fluid{padding:0;}
html body .container-fluid .row{margin:0;}
html body .container .row{margin:0;}
html body .container{padding:0;}
.slideshow-box.col-md-12{padding:0;}
	
.flex {display: flex;flex-direction: row;}
.flex .col-sm-4 {display: flex;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
#logo .img-responsive {max-width: 66%;}
.slide-text{font-size:100%;height:12em;}
.cycle-slideshow .col-md-10.col-sm-9{height:7em;}
#footer{text-align:center;}
.button.slideshow{max-width:200px;font-size:1.2em;}
.slideshow-overlay-container{position:relative;width:100%;left:0;}
.slideshow-container:before, .slideshow-container:after {background:transparent;box-shadow:none;}
#slideshow-content.container-fluid, #main-content.container-fluid, #footer.container-fluid{background:transparent;}
.menu-stripe a:hover:after{content:initial; }
#header .phone-number.pull-right {padding: 0;font-size: 1.2em;position: absolute;z-index: 2000;top:.3em;}
#header .phone-number.pull-right a{color:#fff;}
#header #branding .title {font-size: 1.5em;padding-top: 0.9em;position: relative; left: -1em;}
.business-headline.pull-right {font-size: 0.6em;}
.business-headline h2{margin-top: -1em;}
#header .business-headline h2 {margin-top: -1em;}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
.slide-text{font-size:90%;}
#header #branding .title{font-size: 1.1em;padding-top: 1.6em;}
#header .phone-number.pull-right {font-size: 1.6em!important;top:.5em;}
}