/*
Theme Name: TWC Child Theme
Description: A child theme to house custom coding which modifies the Divi parent theme by Elegant Themes. Includes default line numbers where the code was taken from in the parent theme.
Author:   Cameron Moses
Template: Divi
*/

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

/******** start divi changes *********/
#top-header, #et-secondary-nav li ul {
	background-color: #fc810a!important;
}


/* #et-info-phone { font-size:120% } */ /* phone number */
/* #et-info-email { font-size:120% } */  /* email address */

.transparent-background {
background-color: black;
opacity : 0.6;
padding: 25px;
margin-top:-7px;
}


/*
.et_pb_portfolio .et_overlay, .et_pb_fullwidth_portfolio .et_overlay, .et_pb_portfolio_grid .et_overlay { background-color: rgba(252,129,10,0.43)!important; }
*/

a.cta {
  line-height: 65px;
  font-size: 15px;
  color: #fff;
  background-color: #181c23;
  border: 2px solid #181c23;
  border-radius: 5px;
  padding: 15px 15px;
  -moz-transition: all 0.7s; 
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
}
 
a.cta:hover {
  background-color: #fff;
  color: #fd5a21;
}

.et_pb_bg_layout_light a.cta {
  line-height: 65px;
  font-size: 15px;
  color: #fd5a21;
  background-color: transparent;
  border: 2px solid #181c23;
  border-radius: 5px;
  padding: 15px 15px;
  -moz-transition: all 0.7s; 
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  width: 100%;
}

.et_pb_bg_layout_light a.cta:hover {
  background-color: #181c23;
  color: #ffffff;
  width: 100%;
}

.et_pb_bg_layout_dark a.cta {
  line-height: 65px;
  font-size: 15px;
  color: #fff;
  background-color: #181c23;
  border: 2px solid #ffffff;
  border-radius: 5px;
  padding: 15px 15px;
  -moz-transition: all 0.7s; 
  -webkit-transition: all 0.7s;
  transition: all 0.7s;
  width: 100%;
}

.et_pb_bg_layout_dark a.cta:hover {
  background-color: #fff;
  color: #fd5a21;
  width: 100%;
}

.et_pb_pricing {
    list-style-type: none!important;
}

ul  {
    list-style-type: none!important;
}



/******** end divi changes *********/

/*** diagonal divider using ID ***/
#can-help::before {
content: '';
display: block;
background-color: #fc810a;
width: 105%;
-ms-transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
transform: rotate(-3deg);
height: 200px;
position: absolute;
top: -50px;
}
/*** END diagonal divider using ID ***/

/*------------------------------------------------*/
/*------       [Shadow Diagonal Lines      -------*/
/*------------------------------------------------*/
 
    #et-main-area { overflow: hidden;} /* Hides all the items that float over the right margin */
 
    .diagonal-shadow::before,
    .diagonal-shadow::after {
        position: absolute;
        content: '';
        pointer-events: none;}
 
    .diagonal-shadow {
        z-index: 1;
        padding-top: 2em;
        background: #2072a7;}
 
    .diagonal-shadow::before, 
        .diagonal-shadow::after {
        top: 0;
        left: -25%;
        z-index: -1;
        width: 150%;
        height: 75%;
        background: inherit;
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;}
 
    .diagonal-shadow::before {
        height: 50%;
        background: #232831;
        -webkit-transform: rotate(-3deg);
        transform: rotate(-3deg);
        -webkit-transform-origin: 3% 0;
        transform-origin: 3% 0;}
/*------------------------------------------------*/
/*------    [END Shadow Diagonal Lines]    -------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------     [DIAGONAL UP/DOWN STYLE]      -------*/
/*------------------------------------------------*/
.diagonal-up::before, .diagonal-up::after { position: absolute; content: ''; pointer-events: none;} 
.diagonal-up { z-index: 1; padding-top: 2em; background: #2072a7;} 
.diagonal-up::before,  .diagonal-up::after { top: 0; left: -25%; z-index: -1; width: 150%; height: 75%; background: inherit; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); -webkit-transform-origin: 0 0; transform-origin: 0 0;} 
.diagonal-up::before { height: 50%; background: transparent; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-transform-origin: 3% 0; transform-origin: 3% 0;}
 
/*DIAGONAL DOWN STYLE*/
.diagonal-down::before, .diagonal-down::after { position: absolute; content: ''; pointer-events: none;} 
.diagonal-down { z-index: 1; padding-top: 2em; background: #2072a7;} 
.diagonal-down::before,  .diagonal-down::after { top: -24%; right: -55%; z-index: -1; width: 250%; height: 75%; background: inherit; -webkit-transform: rotate(2deg); transform: rotate(2deg); -webkit-transform-origin: 0 0; transform-origin: 0 0;} 
.diagonal-down::after { height: 50%; background: transparent; -webkit-transform: rotate(3deg); transform: rotate(3deg); -webkit-transform-origin: 3% 0; transform-origin: 3% 0;}
.down-padding {padding-bottom: 140px;}


@media only screen and (min-width: 981px) and (max-width: 1100px) {
.diagonal-down::before, .diagonal-down::after {top: -100px;}
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
.diagonal-down::before, .diagonal-down::after {top: -90px;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
#main-header.et-fixed-header {background-color: rgba(25, 24, 45, .95)!important;}
.diagonal-down::before, .diagonal-down::after {top: -75px;}
}

@media only screen and (max-width: 479px) {
.diagonal-down::before, .diagonal-down::after {top: -35px;}
}
/*------------------------------------------------*/
/*------   [END DIAGONAL UP/DOWN STYLE]    -------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------     [100% WIDTH ARROW STYLE]      -------*/
/*------------------------------------------------*/
.arrow-large:before{right:50%; border-right:1000px solid transparent; border-left:1000px solid;}
.arrow-large:after{left:50%; border-left:1000px solid transparent; border-right:1000px solid;}
.arrow-large:after,.arrow-large:before { content:''; position:absolute; bottom:0; width:50%; z-index:100; -moz-transform:rotate(0.000001deg); -webkit-transform:rotate(0.000001deg); -o-transform:rotate(0.000001deg); -ms-transform:rotate(0.000001deg); transform:rotate(0.000001deg);
border-bottom:50px solid #fff; /* << Change to background color of next section */
}
/*------------------------------------------------*/
/*------   [END 100% WIDTH ARROW STYLE]    -------*/
/*------------------------------------------------*/




/******** start page nav changes *********/
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	color: #FFF;
	text-decoration: none;
	background-color:#edb059; 
        border: 1px solid #edb059!important;
	padding: 5px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #edb059;
        border: 1px solid #edb059!important;
	background-color:#FFF;
}

.wp-pagenavi span.current {
	font-weight: bold;
        border: 1px solid #edb059!important;
	background-color:#FFF;
}

/******** end page nav changes *********/


/******** Gravity Form changes *********/

/*
label.gfield_label {
display:none!important;
}

.gform_wrapper label {
display:none!important;
}
*/

body .gform_wrapper input[type=email], body .gform_wrapper input[type=number],
body .gform_wrapper input[type=password], body .gform_wrapper input[type=tel],
body .gform_wrapper input[type=text], body .gform_wrapper input[type=url],
body .gform_wrapper textarea.textarea {
    background-color: rgba(100,100,100, 0.4)!important; /*transparent;*/
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-style: solid;
    border-width:1px;
    border-radius: 0;
    font-size: 14px;
    color: #999;
    padding: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #2D3940!important;
    color: #ffffff!important;
background-color: #fc810a!important;
}

input[type=email]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {
    border-color: #2D3940!important;
    color: #ffffff!important;
background-color: #fc810a!important;
}

.gform_wrapper .top_label li.gfield.gf_left_half input.medium,
.gform_wrapper .top_label li.gfield.gf_left_half input.large,
.gform_wrapper .top_label li.gfield.gf_left_half select.medium,
.gform_wrapper .top_label li.gfield.gf_left_half select.large,
.gform_wrapper .top_label li.gfield.gf_right_half input.medium,
.gform_wrapper .top_label li.gfield.gf_right_half input.large,
.gform_wrapper .top_label li.gfield.gf_right_half select.medium,
.gform_wrapper .top_label li.gfield.gf_right_half select.large {
	width: 95%;
}

::-webkit-input-placeholder {
  font-family: @font-primary;
  color: #ffffff;
/*  font-size: 14px; */
}

.gform_wrapper div.charleft.warningTextareaInfo {
    color: #ffffff!important;
}

body .gform_wrapper .validation_message, body .gform_wrapper div.validation_error {
    color: #dd9933;
}



/******** end Gravity Form changes *********/


/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

.et_pb_row, .container, .et_pb_container { width: 320px; }
}


@media only screen and (max-width: 767px) {
	.et_pb_slide_content, .et_pb_more_button, a.et_pb_more_button {
		display: block !important;
	}
	.et_pb_slide_description {
		padding: 65px 0px!important;
  		width: 100%;

	}
}


.et_pb_slide_description {
    padding: 110px 100px;
}

.diagonal-down2::before, .diagonal-down::after {
    position: absolute;
    content: '';
    pointer-events: none
}

.diagonal-down2 {
    z-index: 1;
    padding-top: 2em;
    background: #2072a7
}

.diagonal-down2::before, .diagonal-down2::after {
    top: -30%;
    right: -25%;
    z-index: -1;
    width: 150%;
    height: 75%;
    background: inherit;
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.diagonal-down2::after {
    height: 50%;
    background: transparent;
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    -webkit-transform-origin: 3% 0;
    transform-origin: 3% 0
}

ul#menu-footer-menu.bottom-nav {
	text-align: center !important;
}

#footer-info {
	text-align: center !important;
	float: none;
}