/* 

Theme Name: codel
Description: child of sydney
Author: Hillyer Lang, Tipping Group
Version: 0.0.1
Template: sydney

*/

@import url("../sydney/style.css");

@charset "UTF-8";

.overlay {
    background-color: #000000;
}



/*........... CREATE UNDERLINE FOR CURRENT MENU ITEM-GOOD ....*/

li.current-menu-item {
background: #ffffff;
border:solid #F70213;
border-width:0px 0px 2px 0px;
text-decoration:none;
}


/*......... CODE FOR CONTACT FORM-GOOD ............................*/

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    color: #767676;
    background-color: #FAFAFA;
    border: 1px solid #DBDBDB;
    height: 25px;
	max-width: 465px;
    padding: 4px 20px;
    border-radius: 0px;
    transition: all 0.3s ease-in-out 0s;
}


/*............... CENTER NAV BUTTON-GOOD ...............*/
 
#mainnav li {
    /*...float: right;...*/
text-align: right;
	padding: 15px 7px 0px 7px;
}



/*............... LOGO AND NAV STYLING FROM ATHEMES-GOOD ...............*/

@media only screen and (min-width: 1025px) {
  
  .header-wrap .col-md-4{
    width: 20%;
	padding: 0px 0px 0px 0px;
  }

  .header-wrap .col-md-8{
    width: 80%;
	padding: 0px 0px 0px 0px;
  }    
}

/*............... FOOTER STYLING-GOOD ..................*/

.footer-widgets {
    padding: 0px 0px 0px 0px;
	margin: 0px 0px -15px 0px;
    background-color: #f7f7f7;
}
	.widget-area a {
    color: #d65050;
}

a {
    color: #d65050;
}


/*............... LAYERSLIDER FONT SIZES ETC-GOOD ............*/

@media only screen and (min-width: 1024px){
.home .ls-container p {
font-family: Open Sans Condensed;
font-size: 18px !important;
line-height: 22px !important;
font-weight: 300;
padding: 20px 0px 0px 0px;

}

.ls-container p {
font-family: Open Sans Condensed;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 17px !important;
}
}


@media screen and (max-device-width: 768px){
.home .ls-container p {
font-family: Open Sans Condensed;
font-size: 18px !important;
line-height: 22px !important;
font-weight: 700 !important;
font-weight: 300;
padding: 20px 0px 0px 0px;
}

.ls-container p {
font-family: Open Sans Condensed;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 17px !important;
}
}



@media only screen and (max-width: 640px) {
.home .ls-container p {
font-family: Open Sans Condensed;
font-size: 16px !important;
font-weight: 700 !important;
padding: 10px 0px 0px 0px;
line-height: 20px !important;
font-weight: 300;
}

.ls-container p {
font-family: Open Sans Condensed;
font-weight: 700 !important;
font-size: 8px !important;
line-height: 10px !important;}

}


@media screen and (max-device-width: 480px){
.home .ls-container p {
font-family: Open Sans Condensed;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 20px !important;
font-weight: 300;
padding: 10px 0px 0px 0px;

}

.ls-container p {
font-family: Open Sans Condensed;
font-weight: 700 !important;
font-size: 8px !important;
line-height: 10px !important;
}
}




/*............... COLUMN STYLING-GOOD .................................................*/


/*............... COLUMN - iPhone Width............................*/
@media screen and (max-device-width: 480px){
    /*body{...}*/
    #column{
        clear:both!important;
        display:block!important;
        max-width:100%!important;
        float:none!important;
        margin:0!important;
        padding:1px 1px 1px 1px!important;
    }
}

@media screen and (max-device-width: 480px){
    /*body{...}*/
    #column2 {
        clear:both!important;
        display:block!important;
        max-width:100%!important;
	/*max-width: 480px!important;*/
        float:none!important;
        margin:0!important;
        padding:1px 1px 1px 1px!important;
    }
}


/*............... COLUMN-iPad Vertical Width ............................*/
@media screen and (max-device-width: 768px){
    /*body{...}*/
    #column{
        clear:both!important;
        display:block!important;
        width:100%!important;
        float:none!important;
        margin:0!important;
        padding:1px 3px 1px 3px!important;
    }
}

@media screen and (max-device-width: 768px){
    /*body{...}*/
    #column2 {
        clear:both!important;
        display:block!important;
         /*max-width:100%!important;*/
	max-width: 768px!important;
        float:none!important;
        margin:0!important;
        padding:1px 3px 1px 3px!important;
    }
}


/*...... MEDIA BUTTON STYLING - REPLACE HAMBURGER WITH MENU-GOOD ......*/

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) {   
.btn-menu:before{
   content: 'MENU';
	float: center;
	text-align: center!important;
	font-family: Open Sans Condensed;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #ffffff;
	border:solid #676767;
	border-width:1px 1px 1px 1px;
	text-decoration:none;
	border-padding: 1px 2px 1px 2px;
		-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
  }
}


@media only screen and (max-width: 1024px){
  .btn-menu:before{
    content: 'MENU';
	float: center;
	text-align: center!important;
	font-family: Open Sans Condensed;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #ffffff;
	border:solid #676767;
	border-width:1px 1px 1px 1px;
	text-decoration:none;
	border-padding: 1px 2px 1px 2px;
		/*...-webkit-transform: none !important; -webkit-transition: !important;...*/
  }
}


@media screen and (max-device-width: 768px){
.btn-menu:before{
    content: 'MENU';
	float: center;
	text-align: center!important;
	font-family: Open Sans Condensed;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #ffffff;
	border:solid #676767;
	border-width:1px 1px 1px 1px;
	text-decoration:none;
	border-padding: 1px 2px 1px 2px;
  }
}

@media only screen and (max-width: 640px) {
.btn-menu:before{
    content: 'MENU';
	float: center;
	text-align: center!important;
	font-family: Open Sans Condensed;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #ffffff;
	border:solid #676767;
	border-width:1px 1px 1px 1px;
	text-decoration:none;
	border-padding: 1px 2px 1px 2px;
  }
}


@media screen and (max-device-width: 480px){
.btn-menu:before{
    content: 'MENU';
	float: center;
	text-align: center!important;
	font-family: Open Sans Condensed;
	font-size: 12px;
	font-weight: bold;
	color: #676767;
	background: #ffffff;
	border:solid #676767;
	border-width:1px 1px 1px 1px;
	text-decoration:none;
	border-padding: 1px 3px 1px 3px;
  }
}



/*.............. MEDIA NAVIGATION BUTTON-GOOD ........................*/

.btn-menu:before{
    	content: 'MENU';
    float: center;
text-align: center!important;
    color: #676767;
background-color: #FFF;
	margin:0 auto!important;
   /*padding: 15px 500px 0px 0px;/*
	 /*padding: 15px 30px 0px 0px;*/
}
}


/*......... MOBILE NAV DROPDOWN BKGRND AND COLOR-GOOD ......*/


#mainnav-mobi li {
    color: #676767;
}

#mainnav-mobi ul > li > a {
    display: block;
    text-decoration: none;
    padding: 10px 50px;
    color: #676767;
}

#mainnav-mobi {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 28px;
    background-color: #ffffff;
    z-index: 1000;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) {
    #column{
        clear:both!important;
        display:block!important;
        min-width:100%!important;
	max-width:100%!important;
        float:none!important;
        margin:0!important;
        padding:1px 1px 1px 1px!important;
    }

    #column2{
        clear:both!important;
        display:block!important;
        min-width:100%!important;
        float:none!important;
        margin:0!important;
        padding:1px 1px 1px 1px!important;
    }
}


@media screen and (max-device-width: 480px){
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
    color: #767676;
    background-color: #FAFAFA;
    border: 1px solid #DBDBDB;
    height: 25px;
	max-width: 100%;
    padding: 4px 20px;
    border-radius: 0px;
    transition: all 0.3s ease-in-out 0s;
}

/*.........FIXING SAFARI DESKTOP NAVIGATION ISSUE...................*/

/*.masthead *, .x-slider-revolution-container *, .site .entry-featured *{ -webkit-transform: none !important; -webkit-transition: !important; }*/


/*-------------WPFORMS REVISIONS-----------------*/

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    display: block;
    font-weight: 300;
    font-size: 14px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}