/*
Theme Name: EWS Child
Description: EWS Child Theme
Author: Effective Web Solutions
Author URI: https://www.effectivewebsolutions.biz/
Template: EWS-Theme
Version: 1.2.0 "Li'l Jabberwocky"
Text Domain: EWS-Child
*/

/* Custom styles go here */
div.after-services {
	padding:0;
	overflow:hidden;
	
}
body:not(.home) #content {
	padding:0 !important;
}
div.after-section {
	width:50%;
	float:right;
	padding:2%;
}
div.after-section-img {
	width:50%;
	float:left;
}
div.after-section-img img {
	width:100%;
	height:auto;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
::placeholder, :placeholder {
	color:#fff;
}
/*clearfixes*/

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.main-container {
  background: #fff;
  max-width: 1000px;
  margin: 25px auto 25px auto;
  position: relative;
}

.container {
  position: relative;
  padding: 25px;
}
/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-left.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation element sliding right*/

.animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.animation-element.slide-left.testimonial,
.animation-element.slide-right.testimonial {
  float: left;
  width: 47%;
  margin: 0% 1.5% 3% 1.5%;
  background: #F5F5F5;
  padding: 15px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
  border: solid 1px #EAEAEA;
}
.animation-element.slide-left.testimonial:hover,
.animation-element.slide-left.testimonial:active,
.animation-element.slide-right.testimonial:hover,
.animation-element.slide-right.testimonial:active{
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.25);
}

.animation-element.slide-left.testimonial:nth-of-type(odd),
.animation-element.slide-right.testimonial:nth-of-type(odd) {
  width: 48.5%;
  margin: 0% 1.5% 3.0% 0%;
}

.animation-element.slide-left.testimonial:nth-of-type(even),
.animation-element.slide-right.testimonial:nth-of-type(even) {
  width: 48.5%;
  margin: 0% 0% 3.0% 1.5%;
}

.animation-element.slide-left.testimonial .header,
.animation-element.slide-right.testimonial .header
{
  float: left;
  width: 100%;
  margin-bottom: 10px;
}
.animation-element.slide-left.testimonial .left,
.animation-element.slide-right.testimonial .left{
  float: left;
  margin-right: 15px;
}
.animation-element.slide-left.testimonial .right,
.animation-element.slide-right.testimonial .right{
  float: left;
}

.animation-element.slide-left.testimonial img,
.animation-element.slide-right.testimonial img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  box-shadow: 0px 1px 3px rgba(51, 51, 51, 0.5);
}

.animation-element.slide-left.testimonial h3,
.animation-element.slide-right.testimonial h3 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial h4 {
  margin: 0px 0px 5px 0px;
}

.animation-element.slide-left.testimonial .content {
  float: left;
  width:100%;
  margin-bottom: 10px;
}

.animation-element.slide-left.testimonial .rating{}

.animation-element.slide-left.testimonial i {
  color: #aaa;
  margin-right: 5px;
}



/*media queries for small devices*/
@media screen and (max-width: 678px){
  /*testimonials*/
  .animation-element.slide-left.testimonial,
  .animation-element.slide-left.testimonial:nth-of-type(odd),
  .animation-element.slide-left.testimonial:nth-of-type(even){
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .animation-element.slide-left.testimonial .right,
  .animation-element.slide-left.testimonial .left,
  .animation-element.slide-left.testimonial .content,
  .animation-element.slide-left.testimonial .rating{
    text-align: center;
    float: none;
  }
  .animation-element.slide-left.testimonial img{
    width: 85px;
    height: 85px;
    margin-bottom: 5px;
  }
  
}

@media only screen and (min-width: 1px) {
	.bl-full {
		display: flex;
		flex-direction: column;
		align-items:center;
		width:100%;
		overflow:hidden;
		
	}
	.one_half_b {
		background-position: center;
		padding:4%;
		min-height:200px;
		width:100%;
		justify-content: center;
		text-align: center;
		display: inline-flex;
		flex-direction: column;
	}
	.home #content .entry {
		padding:0;
	}
	#header {
		background-color:rgba(0,0,0,0);
	}
	.cform { 
		display:flex; 
		flex-wrap: wrap;
	}
	.cform .one_half {
		display:flex;
		flex-direction: column;
		justify-content: space-between;
	}
	.cform .one_half input, .cform .one_half textarea {
		background-color:rgba(0,0,0,0.1);
		border:1px solid #65a6e6;
		border-radius: 5px;
	}
	.cform .one_half textarea {
		width:100%;
	}
	.cform input[type="submit"] {
		margin:0 auto;
		background-color:#65a6e6;
		border:1px solid #083cbc;
		
	}
	.cform .contactformsubmit {
		margin:0 auto;
	}
	
	.before-section {
		position:relative;
		padding:-1% 0 0;
	}
	a.logo {
		padding:5px;
		background-color:rgba(255,255,255,0.4);
	}
	.formCTA {
		font-size:1.7em;
		color:#fff;
		text-shadow: 1px 1px 2px #083cbc;
	}
	.banner-bar a.button {
		color:#fff;
		background-color:rgba(0,0,0,0);
		border:2px solid #083cbc !important;
		box-shadow: inset 0 25px 20px -10px rgba(255, 255, 255,0);
		font-size:0.6em
	}
	
	.banner-a {
		font-size:1.7em;
		font-weight:bold;
		color:#fff;
		text-shadow:1px 1px 1px #000;
		font-family: 'Sunflower', sans-serif;
	}
	.svc-sctn {
		padding-top:0;
	}
	.block1, .block2 {
		padding:0;
	}
	.block1 img, .block2 img {
		width:100%;
	}
	.ltBlue h2, .blocks2-2 h2 {
		font-size:3.5em;
		font-family: 'Sunflower', sans-serif;
	}
	h2 span {
		font-weight:bold;
	}
	.blocks2-2 h2 {
		color:#083cbc;
	}
	.block1Btn {
		margin-top:20px;
		padding:5px 10px;
		color:#fff;
		background-color: #083cbc;
	}
	.centered1400 h2 {
		text-align:center;
		color:#083cbc;
		font-size:3.5em;
		font-family: 'Sunflower', sans-serif;
		
	}
	.two_third {
		line-height:25px;
	}
	.left {
		text-align:right;
	}
	.two_third strong {
		font-size:120%;
	}

	
	 
        

}

@media only screen and (min-width: 400px) {

}

@media only screen and (min-width: 600px) {

}

@media only screen and (min-width: 768px) {
	.content-section, .post.type-post {
		width:100%;
		max-width:100%;
		padding:0 !important;
	}
	.centered1400 {
		width:1400px;
		max-width:92%;
		margin:0 auto;
		margin-top:20px;
	}
	#header {
		background-color:transparent;
		position: absolute;
		top: 30px;
		left:0;
		right:0;
		margin-left:auto;
		margin-right:auto;
	}

	.before-services {
		background-image: url(https://ewstheme.ewsproduction.com/wp-content/uploads/2018/06/blocks-hero.png);
		background-size: cover;
		padding:30% 2% 1%;
		background-position:bottom;
		
	}
	.before-section {
		width:50%;
		margin:0 auto;
	}
	.home .content-section {
		width:100%;
		max-width:100%;
	}
	.home .content-section .centered1400 {
		width:1400px;
		max-width:92%;
		margin:0 auto;
	}
	.bl-full {
		flex-direction: row;
		align-items: initial;
		width:100%;
	}
	
	.one_half_b {
		width:50%;
		min-height:400px;
		background-size:cover;
	}
	.share-bar {
		background-color:#65a6e6;
		text-align:center;
	}
	.ssb-title {
		display:none;
	}
	.ssb-column {
		text-align:center;
	}
	

}

@media only screen and (min-width: 900px) {
	

}

@media only screen and (min-width: 970px) {

}

@media only screen and (min-width: 1240px) {

}

@media only screen and (min-width: 1600px) {
	.home .content-section .centered1400 {
		width:80%;
	}

}


/*                                                                                                                    */
/*                                                                                                                    */
/* CHANGE THIS TO SHIFT THE POINT WHERE THE MOBILE MENU CHANGES TO DESKTOP */
/*                                                                                                                    */
/*                                                                                                                    */
@media only screen and (min-width: 868px) {
	
	/* MENU */
	
	.menu-toggle {
		display: none;
	}
	
	.sub-menu {
		display: inherit;
		transition: 0;
	}

	.main-navigation {
		display: block;
	}
	
	div.nav-menu {
		
	}

	nav.main-navigation .nav-menu ul.menu {
		display: inline-flex;
		padding: 0;
		margin: 0;
		width: auto;
		border: 0;
		margin: 0px 2% -3px;
		max-width: 92%;
		text-align:right;
		background:linear-gradient(#083cbc, #65a6e6);
		border:2px solid #083cbc;
		border-radius:10px;
	}

	nav.main-navigation .nav-menu ul.menu li {
		display: flex;
		width: auto;
		text-align: left;
		background-color: transparent;
	}

	nav.main-navigation .nav-menu ul.menu li a {
		display: flex;
		padding: 20px 25px;
		line-height: 1;
	}

	nav.main-navigation .nav-menu ul.menu li ul.sub-menu li a {
		padding: 10px 25px;
	}
	
	.main-navigation .sub-menu > li:first-of-type {
		border-top: none;
	}
	
	ul.submenu li.menu-item-has-children a:after {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		border-left: 7px solid rgba(0, 0, 0, 0.5);
	}

	.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
		/*border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;*/
		/*display: inline-block !important;*/
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	
	.main-navigation ul.nav-menu {
		border: none;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #fff;
		text-shadow:1px 1px 0px #083cbc;
		white-space: nowrap;
		font-size:1.4em;
		font-family: 'Sunflower', sans-serif;
		font-weight:700;
		letter-spacing:2px;
	}
	.main-navigation li a:hover,
	.main-navigation li a:focus {
		color: #083cbc;
		text-shadow:1px 1px 0px #fff;
	}
	.main-navigation li {
		margin: 0;
		position: relative;
		border-bottom: none;
		background: transparent;
		font-size: 15px;
		font-weight: normal;
		font-family: sans-serif;
		box-shadow: none;
	}
	.main-navigation li.menu-item-has-children a:after {
		margin-top: 4px;
		margin-left: 10px;
	}
	.main-navigation ul.sub-menu li.menu-item-has-children a:after {
		margin-top: 4px;
		margin-left: 10px;
		border-top: 5px solid transparent;
		border-left: 7px solid rgba(0, 0, 0, 0.5);
		border-bottom: 5px solid transparent;
	}
	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
		height: 1px;
		width: 1px;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul,
	.main-navigation ul li:focus > ul,
	.main-navigation .focus > ul {
		border-left: 0;
		clip: inherit;
		overflow: inherit;
		height: inherit;
		width: inherit;
	}
	.main-navigation li ul li a {
		background: #f3f3f3;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 1em;
		padding: 8px 10px;
		width: 180px;
		white-space: normal;
	}
	.main-navigation li ul li a:hover,
	.main-navigation li ul li a:focus {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #083cbc;
		text-shadow: 1px 1px 0px #fff;
	}
	
	nav.main-navigation .nav-menu ul.menu li ul {
		margin-left:-1px;
	}
	
	nav.main-navigation .nav-menu ul.menu li ul li {
		border-left: 1px solid rgba(0, 0, 0, 0.15);
	}
	
	nav.main-navigation .nav-menu ul.menu li ul li ul {
		width: 100%;
	}
	
	nav.main-navigation .nav-menu ul.menu li ul li ul li {
		width: 100%;
		float: none;
		display: flex;
	}
	
	.sub-menu li a {
		width: 100%;
		margin-left: 0;
	}
	
	.sub-menu .menu-item-has-children {
		border-top: 0;
	}
	
	.sub-menu li .sub-menu li a {
		width: 100%;
		margin-left: 0;
	}
	
	nav.main-navigation .nav-menu ul.menu li {
		border-right:1px solid rgba(0, 0, 0, 0.15);
	}
	
	nav.main-navigation .nav-menu ul.menu li:last-child {
		border-right:0;
	}
	
}
/* Error Page */
    .error .clip .shadow
    {
        height: 180px;  /*Contrall*/
		text-align:center;
    }
    .error .clip:nth-of-type(2) .shadow
    {
        width: 130px;   /*Contrall play with javascript*/ 
    }
    .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow
    {
        width: 250px; /*Contrall*/
    }
    .error .digit
    {
        width: 150px;   /*Contrall*/
        height: 150px;  /*Contrall*/
        line-height: 150px; /*Contrall*/
        font-size: 120px;
        font-weight: bold;
    }
    .error h2   /*Contrall*/
    {
        font-size: 32px;
    }
    .error .msg /*Contrall*/
    {
        top: -250px;
        left: ;
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 32px;
    }
    .error span.triangle    /*Contrall*/
    {
        top: 70%;
        right: 0%;
        border-left: 20px solid #535353;
        border-top: 15px solid transparent;
        border-bottom: 15px solid transparent;
    }


    .error .container-error-404
    {
      margin-top: 10%;
        position: relative;
        height: 250px;
        padding-top: 40px;
		width:650px;
		margin:0 auto;
    }
    .error .container-error-404 .clip
    {
        display: inline-block;
        transform: skew(-45deg);
    }
    .error .clip .shadow
    {
        
        overflow: hidden;
    }
    .error .clip:nth-of-type(2) .shadow
    {
        overflow: hidden;
        position: relative;
        box-shadow: inset 20px 0px 20px -15px rgba(150, 150, 150,0.8), 20px 0px 20px -15px rgba(150, 150, 150,0.8);
    }
    
    .error .clip:nth-of-type(3) .shadow:after, .error .clip:nth-of-type(1) .shadow:after
    {
        content: "";
        position: absolute;
        right: -8px;
        bottom: 0px;
        z-index: 9999;
        height: 100%;
        width: 10px;
        background: linear-gradient(90deg, transparent, rgba(173,173,173, 0.8), transparent);
        border-radius: 50%;
    }
    .error .clip:nth-of-type(3) .shadow:after
    {
        left: -8px;
    }
    .error .digit
    {
        position: relative;
        top: 8%;
        color: white;
        background: #07B3F9;
        border-radius: 50%;
        display: inline-block;
        transform: skew(45deg);
    }
    .error .clip:nth-of-type(2) .digit
    {
        left: -10%;
    }
    .error .clip:nth-of-type(1) .digit
    {
        right: -20%;
    }.error .clip:nth-of-type(3) .digit
    {
        left: -20%;
    }    
    .error h2
    {
        color: #A2A2A2;
        font-weight: bold;
        padding-bottom: 20px;
    }
    .error .msg
    {
        position: relative;
        z-index: 9999;
        display: block;
        background: #535353;
        color: #A2A2A2;
        border-radius: 50%;
        font-style: italic;
    }
    .error .triangle
    {
        position: absolute;
        z-index: 999;
        transform: rotate(45deg);
        content: "";
        width: 0; 
        height: 0; 
    }

/* Error Page */
@media(max-width: 767px)
{
    /* Error Page */
            .error .clip .shadow
            {
                height: 100px;  /*Contrall*/
            }
            .error .clip:nth-of-type(2) .shadow
            {
                width: 80px;   /*Contrall play with javascript*/ 
            }
            .error .clip:nth-of-type(1) .shadow, .error .clip:nth-of-type(3) .shadow
            {
                width: 100px; /*Contrall*/
            }
            .error .digit
            {
                width: 80px;   /*Contrall*/
                height: 80px;  /*Contrall*/
                line-height: 80px; /*Contrall*/
                font-size: 52px;
            }
            .error h2   /*Contrall*/
            {
                font-size: 24px;
            }
            .error .msg /*Contrall*/
            {
                top: -110px;
                left: 15%;
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 18px;
            }
            .error span.triangle    /*Contrall*/
            {
                top: 70%;
                right: -3%;
                border-left: 10px solid #535353;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
            }
.error .container-error-404
  {
    height: 150px;
  }
        /* Error Page */
}

/*--------------------------------------------Framework --------------------------------*/

.overlay { position: relative; z-index: 20; } /*done*/
    .ground-color { background: white; }  /*done*/
    .item-bg-color { background: #EAEAEA } /*done*/
    
    /* Padding Section*/
        .padding-top { padding-top: 10px; } /*done*/
        .padding-bottom { padding-bottom: 10px; }   /*done*/
        .padding-vertical { padding-top: 10px; padding-bottom: 10px; }
        .padding-horizontal { padding-left: 10px; padding-right: 10px; }
        .padding-all { padding: 10px; }   /*done*/

        .no-padding-left { padding-left: 0px; }    /*done*/
        .no-padding-right { padding-right: 0px; }   /*done*/
        .no-vertical-padding { padding-top: 0px; padding-bottom: 0px; }
        .no-horizontal-padding { padding-left: 0px; padding-right: 0px; }
        .no-padding { padding: 0px; }   /*done*/
    /* Padding Section*/

    /* Margin section */
        .margin-top { margin-top: 10px; }   /*done*/
        .margin-bottom { margin-bottom: 10px; } /*done*/
        .margin-right { margin-right: 10px; } /*done*/
        .margin-left { margin-left: 10px; } /*done*/
        .margin-horizontal { margin-left: 10px; margin-right: 10px; } /*done*/
        .margin-vertical { margin-top: 10px; margin-bottom: 10px; } /*done*/
        .margin-all { margin: 10px; }   /*done*/
        .no-margin { margin: 0px; }   /*done*/

        .no-vertical-margin { margin-top: 0px; margin-bottom: 0px; }
        .no-horizontal-margin { margin-left: 0px; margin-right: 0px; }

        .inside-col-shrink { margin: 0px 20px; }    /*done - For the inside sections that has also Title section*/ 
    /* Margin section */

    hr
    { margin: 0px; padding: 0px; border-top: 1px dashed #999; }
/*--------------------------------------------FrameWork------------------------*/