/*
	Theme Name: Burnt Phoenix
	Theme URI: http://www.burntphoenix.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.0
	Author: Josh Nicholson
	Author URI: http://www.burntphoenix.com
	Tags: Blank, HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
 						body and html
\*------------------------------------*/

  /* apply a natural box layout model to all elements, but allowing components to change */

.serviceList li {line-height:2;}
.contactIcon {margin-right:10px; font-size:20px !important;}

.hideMe {display:none !important;}

#ContactPage .phoneNumber {
    vertical-align: baseline !important;
    font-weight: 400;
    font-size: 16px !important;
}
#ContactPage .white {color:white !important;}
#ContactPage p {line-height:1.2;}
.addy {
    margin-bottom: 40px !important;
    display: inline-block;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: #0000008c;
    -webkit-box-shadow: 0 15px 10px #0000004d;
    -moz-box-shadow: 0 15px 10px #000;
    box-shadow: 0 15px 10px #00000057;
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

  html {
    box-sizing: border-box;
  }
  *, *:before, *:after {
    box-sizing: inherit; line-height: 0;
  }



/*------------------------------------*\
			!!STRUCTURE!!
\*------------------------------------*/
/* Structual styles only */
/* 1920 or larger */

/* Full width grid */
.fullWidthContainer {}

.oneHundred { width: 100%;}
.seventyFive { width: 75%;}
.fifty {width: 50%;}
.twentyFive {width: 25%;}

/* second layer grid */
.sixteenHundred { width: 1600px;}
.oneThird {width: 33.333%;}
.twoThirds {width: 66.666%;}
.halfOneThird {width: 16.665%;}

/* Smaller top layer grid */
.twelveEighty { width: 100%; max-width: 1280px;}


/* General */
.floatLeft {float:left;}
.floatRight {float:Right;}
#clear {clear:both;}
.clear {clear:both; content:' ';}
.clearALL { clear:both;}

.marginAuto {margin-left: auto; margin-right: auto; }
.alignLeft {text-align:left;}
.alignRight {text-align:right;}
.alignCenter {text-align:center;}

.boxPad {padding: 20px 50px;}
.moreBoxPad {padding: 40px 80px;}
.ExtremeBoxPad {padding: 8% 10%;}
.mainContFix {margin-top: 25px;}
.sectionMargTop {margin-top: 50px;}
.margTop {margin-top: 80px;}
.margBot {margin-bottom: 80px;}
/*------------------------------------*\
			!!GENERAL!!
\*------------------------------------*/
#heroVideo {width: 100%; height: auto; position: relative; z-index: 0;}

#heroText { margin-top: -100px; margin-bottom: 50px;}	
/*
#heroText { position: absolute; margin-top: -100px; z-index: 99;  margin-left: 30%;  margin-right: 30%; background-color:rgba(255, 255, 255, 0.5);}*/
#mission {width: 100%; clear:both;}
#gradient {width: 100%; height: 100%; padding: 30px 0px 60px 0px; }
#aboutSection {width: 100%; padding: 30px 0px 0px 0px;}
#featured {width: 100%; padding: 30px 0px 0px 0px;}
#featured p {display: none; display: initial;}
#testimonialsSection {width: 100%; padding: 80px 0px 0px 0px; clear: both;}
#testimonials {max-width: 1280px; }
#AboutUs .layerTwo img {width:100%; height: auto;}
#statement {width: 100%; clear:both;}
#ContactPage .layerOne img {width: 100%; height: auto;}
#ContactPage .layerOne {height:600px; overflow: hidden;}
#ContactPage .tableMe {height: 500px; margin-bottom: 0px;}


#AboutUs .layerTwo .fifty {overflow:hidden;}

#websiteSection .layerOne img {width: 100%;}
#websiteSection .layerOne {height: 950px; overflow: hidden;}

#serviceList .layerOne {height: 730px; overflow: hidden;}

#clientWork .oneHundred img, #clientWork .fifty img  { width: 100%; height: auto;}
#clientWork h2 a { text-decoration: none; color: inherit;}
#clientWork h2 a:hover { text-decoration: underline;}
#clientWork h2 {margin-left: 1%; margin-right: 1%; width: 27%;}

.map {border: 0;}

.testimonials {
    background-color: rgba(51, 49, 50, 1);
    padding: 1.5% 20%;
    text-align: left;
    color: white;
    font-style: italic;
    font-weight: 300;
    line-height: 2;
    letter-spacing: 2;
    min-height: 300px;
}

.layerOne {display: block; z-index: 0; position: absolute;}
.layerTwo { z-index: 99; position: relative; max-width: 1601px; width: 100%;}
.firstBodySection .layerOne img {width: 75%; height: auto; float:Right;}
.contentHeaderSection {  clear: both; margin-top: 50px; padding-top: 50px;}

.tableMe { display: table; }
.cellMe { display: table-cell; height: 100%;}

.twoColumns {
  -webkit-columns: 2; /* Chrome, Safari, Opera */
    -moz-columns: 2; /* Firefox */
    columns: 2;
    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
   -moz-column-gap: 40px; /* Firefox */
   column-gap: 40px;
}

.aboutImgBox {
  background-image: url('/wp-content/uploads/2021/04/ivet.jpg');
  background-size: cover;
  background-position: center;
}

.whatImgBox {
  background-image: url('/wp-content/uploads/2017/06/what.jpg');
  background-size: cover;
  background-position: center;
}

.joshImgBox {
  background-image: url('/wp-content/uploads/2018/05/josh.jpg');
  background-size: cover;
  background-position: center;
}

.lauraImgBox {
  background-image: url('/wp-content/uploads/2018/05/laura.jpg');
  background-size: cover;
  background-position: center;
}

.laurenImgBox {
  background-image: url('/wp-content/uploads/2019/09/lauren.jpg');
  background-size: cover;
  background-position: center;
}

.graceImgBox {
  background-image: url('/wp-content/uploads/2019/09/grace.jpg');
  background-size: cover;
  background-position: center;
}

#serviceTable {display: flex; margin-bottom: 140px;}
#serviceTable .oneThird { line-height: 0px;}
#serviceTable img {width: 100%; height: auto;}
.BrandingBox {}

#needLogo img { width: 175px; height: auto; margin-left: 13.333%; margin-bottom: 25px;}
#needLogo .boxPad {padding-top: 0;}
#needLogo h3 {margin-top: 0;}

/*------------------------------------*\
			!!LINKS!!
\*------------------------------------*/

a {}
a:hover {}
a:focus {}

  /*------------------------------------*\
  			!!forms!!
  \*------------------------------------*/

input[type=date], input[type=email], input[type=number], input[type=tel],input[type=text], input[type=url], input[type=submit], textarea {
      background-color: transparent; /* Remove background fill */
      border-radius: 0; /* Remove corner curve */
      border: 2px solid #fff; /* 2px white border */
      color: #fff; /* White text */
      height: 45px; /* Increase input height */
      width: 100%;
      margin-bottom: 20px;
      padding-left: 10px;
  }
textarea { height: 100px; padding-top: 10px;}

input, textarea {
   font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 1.3; font-size: 14px;
}

::-webkit-input-placeholder { /* WebKit browsers */
color: #fff !important;
opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff !important;
opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
opacity: 1;
color: #fff !important;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff !important;
opacity: 1;
}

span.wpcf7-not-valid-tip, div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    color: #ff6b01;
    border: 0;
    padding: 10px;
    margin-top: -85px;
    margin-bottom: 66px;
}
.wpcf7-response-output { margin-top: -67px !important;}

.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    width: 50%;
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 0;
    padding: 22px;
    margin-top: -50px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}



.contacta {padding-right: 5px;}
.contactb {padding-left: 5px;}
/*------------------------------------*\
    FROM WP
\*------------------------------------*/




/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:2100px) {}
@media only screen and (max-width:1900px) {}
@media only screen and (max-width:1600px) {}
@media only screen and (max-width:1024px) {}
@media only screen and (max-width:768px) {}
@media only screen and (max-width:600px) {
	#clientWork .twoColumns {
  -webkit-columns: 1; /* Chrome, Safari, Opera */
    -moz-columns: 1; /* Firefox */
    columns: 1;}
	#clientWork .fifty { width:100%;}
	
	#heroText {
    margin-top: -20px;
    position: relative;
    width: 90%;
	margin-bottom:0px !important;
}
	
	.effect2 {
		z-index:none;
position: absolute;
    content: "";
    bottom: 15px;
    width: 50%;
    top: 80%;
    max-width: none;
    background: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
    -ms-transform: none;
    transform: none;
}
}
@media only screen and (max-width:480px) {
	.cycloneslider-template-standard .cycloneslider-next{
	background-image:url(/wp-content/uploads/2017/07/arrow_right.png);
		display:none !important;
}
.cycloneslider-template-standard .cycloneslider-prev{
	background-image:url(/wp-content/uploads/2017/07/arrow_left.png);
	display:none !important;
}
}
@media only screen and (max-width:320px) {}