/*
 Theme Name:   Canal Child (Canal, GetOnlineNOLA)
 Theme URI:    http://getonlinenola.com/
 Description:  Canal Child Theme
 Author:       Faudo
 Author URI:   http://faudo.com
 Template:     canal
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:  canal
*/

/*

Search and replace these elements for a styling head start

Primary theme color: #1f355e
Secondary theme color: #d99a29
Primary theme font: 'Fira Sans'

*/


/*GENERAL STYLES*/
body {font-size: 16px;background: url(images/WLFbg.jpg);background-repeat:repeat;font-family: 'Fira Sans';}
p, a, li {font-family: 'Fira Sans';color: #1f355e;}
h1.entry-title,h1,h2,h3,h4 {font-weight: 400;font-family: 'Fira Sans';color: #1f355e;text-transform: uppercase;}
h1.entry-title {margin: .25em 0;color: #d99a29;font-weight: 500;}
h1 {font-size: 2.5em;color: #d99a29;font-weight: 500;}
h2 {font-size: 2em;}
h3 {font-size: 1.6em;font-weight: 500;}
h4 {color: #d99a29;font-size: 1.25em;font-weight: 500;}
blockquote {border-left: 8px solid #d99a29;padding: 0 0 0 1em;background: #ffffff;}
blockquote:before {margin: 0;}
.entry-content a {color: #1c355e;text-decoration: underline;}
.entry-content a:hover {color: #d99a29;}
a.button, .entry-content a.button, 
input[type="submit"], 
button[type='submit'],
#tribe-events .button, 
.static-slider-wrap #per-slide-template a {
	text-align: center;
    width: auto;
    border-radius: 0;
    border: 3px solid #1f355e;
    -webkit-appearance: none;
    background: #1f355e!important;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    font-size: 1.5em;
    font-family: 'Fira Sans';
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 5px 50px;
    box-shadow: none;
    transition: .3s ease all;
    position: relative;
}
a.button:hover, 
.entry-content a.button:hover, 
input[type="submit"]:hover,
#tribe-events .button:hover, 
button[type='submit']:hover, 
.static-slider-wrap #per-slide-template a:hover {
	background:#ffffff!important;
	color: #1f355e;
}
a.button:active, 
.entry-content a.button:active, 
input[type="submit"]:active,
#tribe-events .button:active, 
button[type='submit']:active, 
.static-slider-wrap #per-slide-template a.cycle-pager-active {box-shadow:none;}

a.button:after {
    content: '';
    border: 3px solid #d99a29;
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
}



ol { counter-reset: item; }
ol li { display: block; }
ol li:before {
  content: counter(item) ". ";
  counter-increment: item;
  color: #1f355e;
  font-weight: bold;
}
.entry-content ol {margin-left: 1%;}
.entry-content ul {list-style: none;margin-left: 2%;}
.entry-content ul li {position: relative;}
.entry-content ul li:before {content: '\2022';font-size: 21px;position: absolute;left: -10px;top: -4px;color: #1f355e;}



#main-content > .container {padding: 1em 2em 2em;}


#slideshow-content > .container, #main-content > .container, footer .container {background:white;}



/*HEADER MAIN MENU HOME FOOTER*/
.container-fluid.header-top {background: #ffffff;}

.business-headline .title {
	font-family: 'Fira Sans';
    font-size: 1.5em;
    padding-top: 1.5em;
    color: #1f355e;
    text-transform: uppercase;
}
.phone-number {float:right;clear:both;}
.phone-number > a {color: #1f355e;font-size: 1.3em;}
.social-link {margin: 0 5px; background: #d99a29; padding: 2px 9px; display: inline-block;border-radius: 100%;font-size: 1em;}
.social-link:last-child {padding: 2px 7px;}
.social-link a {color: #ffffff;}
.header-cta-button a.button {    float: right;clear: both;margin-top: .5em;display: inline-block;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;background: #95966C;border: 1px solid #2193a5;color: white;font-size: 1em;}


.container-fluid.menu-stripe {border-top:3px solid #d99a29;background-color: #1f355e;}
.nav > li {float: left;}
.nav > li > a {font-size: 1em;padding: 15px 25px;color: white;}
.nav > li > a:hover {background:transparent;color: #d99a29;}
.nav > li.current-menu-item > a, .nav > li.current-menu-parent > a {color:white;background: #d99a29;}
.home .nav > li#menu-item-201.current-menu-item > a {background: #d99a29;;}
.home .nav > li#menu-item-201.current-menu-item > a:hover {background:#7bbec9;}
.menu-stripe a:hover:after {display: none;}

.dropdown-menu {z-index: 1001;border-radius: 0;border: none;margin-top: 0;padding:0;background: #1f355e;}
.dropdown-menu>li>a {color: white;font-size: 15px;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {color: #d99a29;background: transparent;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background: #d99a29;}


.slideshow-overlay-container h3 {font-size: 1.5em;border-bottom: 4px solid #d99a29;color: #1f355e;line-height: 1.75;font-weight: 400;}
.slideshow-overlay-container p {font-size: 1em;padding-top: 1.5em;color: #1f355e;}
.slideshow-overlay-container a.button {font-size: 1.25em;margin-top: 1em;}

.home-column.entry-content {width: 100%;margin: 0 auto;background: #ffffff;padding-bottom: 1em;}
.home-column.entry-content h3 {background: #ffffff;color: #1f355e;margin: 0;padding: 15px 0;font-size: 2em;}
.home-column.entry-content img {float: none;width: 100%;margin: 0;}
.home-column.entry-content p {margin-top: 0;padding: 0 1.5em 1.5em;line-height: 1.5;}
.home-column.entry-content a:hover, .home-column.entry-content a {text-decoration: none;}

.row.home-full-width-section-title {border-color: transparent;}

.row.flex {
    padding:  2em 0;
}

.flex .col-sm-4:nth-child(2) {
    border-left: 2px solid #d99a29;
    border-right: 2px solid #d99a29;
}


/*FOOTER*/
div#footer {background: #1f355e;border-top: 3px solid #d99a29;}
body #footer.container-fluid .container {border-top: none;background: transparent;}
.footer-header h4 {color:white;font-family: 'Fira Sans';display: block;border-bottom: 2px solid #d99a29;font-size: 1.75em;}
.footer-widget p, .footer-widget li {color: white;}
.footer-widget a:hover {color: #2193a5;}
#copyright {color: white;position: absolute;top: 2em;}
#footer a {color: white;}
#footer a:hover {color: #d99a29;}


/*CONTACT*/
.page-template-page-contact h1.entry-title {padding-top: 0;margin-top: 0;}
.page-template-page-contact iframe {width: 100%;height:400px;border: 4px solid #1f355e!important; }
.page-template-page-contact input.wpcf7-form-control.wpcf7-submit {width: 100%;}
input, button, select, textarea {border-radius: 0;}

/*SIDEBAR*/
aside#sidebar {padding-top: 3em;}
#sidebar .entry-content ul {margin-left: 0;}
#sidebar .entry-content li:before {display: none;}
.widget-area .widget-container .widget-title {text-align: left;}
#sidebar a:hover {color: #d99a29;}
#sidebar input#searchsubmit {
    width: 100%;
    margin-top: 0.25em;
    padding: 0;
}


/*BLOG*/
a.button.read-more {display: block;max-width: 200px;text-align: center;padding: 5px 0;}
.entry-content .entry-title a {text-decoration: none;}
.back-to-index {margin-top: .5em;}
.post-tags {display: block;margin-top: .5em}


/*CONSULTATION*/
#wpcf7-f39-o1 {
    background: #1f355e;
    padding: 1.5em;
    text-align: center;
    margin: 0 -17px 2em;
}

#wpcf7-f39-o1 h2 {
    margin: 0 auto .5em;
    padding: 0 0 .15em;
    border-bottom: 2px solid #d99a29;
    min-width: 50%;
    display: inline-block;
    color: #ffffff;
}
#wpcf7-f39-o1 input.consult-quarter, #wpcf7-f39-o1 select.consult-quarter {width:24.25%;margin-right: 1%;}
#wpcf7-f39-o1 .accident-location select.consult-quarter, #wpcf7-f39-o1 input.consult-quarter[type="submit"] {margin-right: 0;}
#wpcf7-f39-o1 .consult-three-quarter {width: 100%;resize: vertical;}
#wpcf7-f39-o1 input, #wpcf7-f39-o1 button, #wpcf7-f39-o1 select, #wpcf7-f39-o1 textarea {height:43px;margin-top: .25em;}
.describe-123 {
    width: 74.75%;
    float: left;
    margin-top: 0.35em;
	margin-right: 1%;
}
#wpcf7-f39-o1 input.consult-quarter[type="submit"] {margin-top: .35em;
    background: #d99a29!important;
    padding: 5px 10px;
    height: auto;
border: none;}
#wpcf7-f39-o1 input.consult-quarter[type="submit"]:hover {color: #1f355e;background: #d99a29!important;}
#wpcf7-f39-o1 input, #wpcf7-f39-o1 button, #wpcf7-f39-o1 select, #wpcf7-f39-o1 textarea {
    border: 2px solid #d99a29;
}
.caret {border-top-color: #d99a29;}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: block;
    position: absolute;
    min-width: 300px;
    top: -40px;
    left: 0;
}
form.wpcf7-form.invalid {
    padding-top: 20px;
}
#wpcf7-f39-o1 .consult-three-quarter.wpcf7-not-valid {
    margin-top: 30px;
}
.describe-123 span.wpcf7-not-valid-tip {
    top: 0;
}
div.wpcf7-validation-errors, div.wpcf7-response-output, div.wpcf7-mail-sent-ok {
    color: white;
    margin-top: 1em;
}


/*LOGO SLIDER*/
#foot-next {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 0 12.5px 25px;
    border-color: transparent transparent transparent #bbbdbf;
}
#foot-prev {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 25px 12.5px 0;
    border-color: transparent #bbbdbf transparent transparent;
}




@media (max-width: 1200px) {
	.slideshow-container:before, .slideshow-container:after {bottom: 6em;}
	.slideshow-overlay-container h3 {font-size: 1.25em;}
	.slideshow-overlay-container p {padding-top: .5em;font-size: .9em;}
	.slideshow-overlay-container a.button {padding:.5em;}

	.home-column.entry-content {width: 100%;}

}
@media (max-width: 768px) {
	#logo {float: none;margin: 0;}
	#logo img {margin: 0 auto;}
	.business-headline .title {padding-top: 0;}
	.business-headline.pull-right, .phone-number.pull-right {float: none!important;text-align: center;}
	.header-cta-button {text-align: center;padding-bottom: 1.5em;}
	.header-cta-button a.button {float: none;margin: .5em auto;}
	.home-column.entry-content {width: 75%;margin: 2em auto;}
	.nav > li {float: none;}
	.nav > li > a {display: inline-block;}
	.dropdown-menu>li>a {display: inline-block;margin: 5px 0 0;}
	.container-fluid.header-top {padding-bottom: .5em;}
	.flex {display: block!important;}

	.col-sm-9.pull-right {z-index: 10;}
	.entry-content ul.page-numbers {text-align: center;}


	aside#sidebar {width: 75%;margin: 0 auto;}

    #wpcf7-f39-o1 input.consult-quarter[type="submit"] {min-width: 0;}





}


@media (max-width: 480px) {

	#header .phone-number.pull-right {top:2.4em;}
	.home-column.entry-content {width: 100%;margin: 1em auto;}
	aside#sidebar {width: 100%;margin: 1em auto;}
	.page-template-page-contact iframe {height: 300px;}

	.slideshow-overlay-container {position: absolute;width: 100%;bottom: 0;left: 0;height: 49%;top: auto;}

	p.form-row:nth-of-type(odd), p.form-row:nth-of-type(even) {width: 100%;padding: 0;}
	.business-headline.pull-right {font-size: .8em;}
	#footer.container-fluid {
	    background: #1f355e;
	}

    #wpcf7-f39-o1 input.consult-quarter, #wpcf7-f39-o1 select.consult-quarter {width:49%;margin-right:1%;}
    #wpcf7-f39-o1 .email-123 input.consult-quarter, #wpcf7-f39-o1 .accident-location select.consult-quarter {margin: 0;width: 50%;}
    .describe-123 {width: 100%;margin-top: 0;margin-right: 1%;}
    .describe-123 textarea {height: 50px;}
    
    .above-consult p {font-size: 1em;}
    .page-template-page-contact #wpcf7-f39-o1 .email-123 input.consult-quarter, 
    .page-template-page-contact #wpcf7-f39-o1 .accident-location select.consult-quarter, 
    .page-template-page-contact #wpcf7-f39-o1 input.consult-quarter, 
    .page-template-page-contact #wpcf7-f39-o1 select.consult-quarter {
        width: 100%;
        margin: .25em 0;
    }
    span.wpcf7-not-valid-tip {
        text-align: left;
    }
    #wpcf7-f39-o1 input.wpcf7-not-valid {
        margin-top: 30px;
    }


}

@media (max-width: 375px) {
	#main-content button, html #main-content input[type="button"], #main-content input[type="reset"], #main-content input[type="submit"] {padding: 5px 0;}



}

@media (max-width: 320px) {
	#header .phone-number.pull-right {font-size: 1.2em!important;}
	.phone-number > a {font-size: 1em;}
	.slideshow-overlay-container a.button {font-size: 1em;bottom: .75em;}
	#main-content > .container {padding: 1em;}
	.page-template-page-contact iframe {height: 250px;}

    #wpcf7-f39-o1 .email-123 input.consult-quarter, 
    #wpcf7-f39-o1 .accident-location select.consult-quarter, 
    #wpcf7-f39-o1 input.consult-quarter, 
    #wpcf7-f39-o1 select.consult-quarter {
        width: 100%;
        margin: .25em 0;
    }





}