/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/
/*TYPE*/
body, input, button, select, textarea {
    font-family: "Lato", sans-serif !important;	
}
.lato {
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: 400;
}

/*HEADER*/
.x-navbar {
    border:0;
}
.x-navbar .desktop .x-nav>li>a:hover {
    color:#000 !important;
}
.x-navbar .desktop .x-nav>li>a>span {
    border:0;
    border-radius:0;
    padding:0 !important;
}
@media screen and (min-width: 980px) {
    .menu-item {
        padding:0;
    }
}
.current-menu-item {
    background-color:rgb(46,178,87);
}
@media screen and (max-width: 1190px) {
    .x-navbar .desktop .x-nav>li>a {
        font-size:12px !important;
    }
}
@media screen and (max-width: 1140px) {
    .x-navbar .desktop .x-nav>li>a {
        font-size:12px !important;
        padding-left:0.8em !important;
        padding-right:0.8em !important;
    }
}
.x-navbar .desktop .x-nav > .current-menu-item > a {
    color:#000 !important;
}
.desktop .sub-menu {
	font-family: 'Lato', sans-serif;
	padding:0;
}
.x-navbar .mobile .x-nav li>a {
    border:none;
}
.x-navbar .mobile .x-nav .current-menu-item > a {
    color:#000 !important;
}
.x-navbar .mobile .x-nav li > a:hover {
    color:#000 !important;
}
.x-sub-toggle {
	width:100%;
	text-align:right;
}
.x-brand {
    margin-top:11px !important;
}
/*FOOTER*/
footer.x-colophon.bottom {
    background-color: #0fa13b;
    color: #fff;
    padding:0;
    border-top:0;
}
.3x {
    margin-left:25%;
    font-size:2em;
}
@media screen and (max-width:979px) {
    .foot-border {
        text-align:center !important;
    }
}
.foot-border {
    border:3px rgb(46,178,87) solid;
    vertical-align:middle;
    padding:0.5em;
    width:100%;
    text-align:center;
}
.foot-highlight {
    padding:0.2em;
}
.foot-highlight:hover {
    background-color:rgb(46,178,87);
    color:#fff;
    -webkit-transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
    transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
}
.foot-border a:hover {
    color:#fff;
}
.green-contact {
    background-color: rgb(46,178,87); 
    padding:0.2em;
    color:#fff;
}
.green-contact:hover {
    background-color:rgb(5,125,41);
    border:3px rgb(5,125,41) solid;
    -webkit-transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
    transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
}
.section {
   display:inline;
}
.yelp {
    color:#af0606 !important;
}
.yelp:hover {
    color:#fff !important;
}
.yelp-class {
    border:3px #af0606 solid;
    text-align:center;
    padding:0.2em;
    width:100%;
}
.yelp-class:hover {
    background-color:#af0606;
    color:#fff !important;
    -webkit-transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
    transition:color 0.3s ease,background-color 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease,opacity 0.3s ease;
}
/*BUTTONS*/
.x-btn, .x-btn:hover, .button, .button:hover, [type="submit"], [type="submit"]:hover {
    text-shadow:none !important;
    font-family: "Lato",sans-serif;
    font-style: normal;
    font-weight: 400;
}

/*WIDGETS*/
@media screen and (min-width: 980px) {
    .x-column.last, .x-column:last-of-type {
        padding:0 2em;
    }
}
@media (max-width: 979px) {
    .x-colophon.top .x-column .widget:first-child {
        margin-top: 0;
        line-height:2.5em;
    }
}
.widget p:last-child, .widget ul:last-child, .widget ol:last-child {
    margin-bottom:1em;
}

/*SLIDER*/

@media (min-width: 1200px) {
    .soliloquy-image {
        margin:0 auto !important;
        width:1600px !important;
}
}
@media (min-width: 1600px) {
    .soliloquy-image {
        width:2000px !important;
}
}
@media (min-width: 2000px) {
    .soliloquy-image {
        width:2400px !important;
}
}
@media (min-width: 2400px) {
    .soliloquy-image {
        width:2560px !important;
}
}
.soliloquy-container .soliloquy-caption {
    position: absolute !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 100 !important;
}
 
.soliloquy-container .soliloquy-caption .soliloquy-caption-inside {
    display: table !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
    padding: 20px 0 35px !important;
    background-color:rgba(0,0,0,0.5) !important;
    z-index:101 !important;
    position:absolute;
}
 
.soliloquy-container .soliloquy-caption-inside .soliloquy-caption-wrap {
        display: table-cell !important;
        vertical-align: middle !important;
}

@media screen and (max-width:700px) {
    .soliloquy-container .soliloquy-caption h1 {
        font-size:35px !important;
        margin:0 0 1em !important;
    }
}
.soliloquy-container .soliloquy-caption h1 {
	color: #fff !important;
	font-size: 50px;
	margin: 0 0 60px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25) !important;
	letter-spacing: normal !important;
	text-transform: none !important;
}
@media screen and (min-width:2000px) {
    .soliloquy-container .soliloquy-caption h1 {
        font-size:70px !important;
        margin:0 0 1.5em !important;
    }
}

@media screen and (max-width:700px) { 
    .soliloquy-container .soliloquy-caption a.soliloquy-button {
        font-size:10px !important;
        padding:0.5em !important;
    }
}
.soliloquy-caption a.soliloquy-button {
	font-weight: bold !important;
	text-transform: uppercase !important;
	letter-spacing: 1px;
	background-color: #fff !important;
	border: 3px solid #fff !important;
	padding: 1em;
	font-size: 14px;
        font-family: "Lato",sans-serif;
}
@media screen and (min-width:1200px) { 
    .soliloquy-container .soliloquy-caption a.soliloquy-button {
	letter-spacing: 2px !important;
	font-size: 24px !important;
    }
}
@media screen and (min-width:2000px) { 
    .soliloquy-container .soliloquy-caption a.soliloquy-button {
        padding: 1.2em !important;
    }
}
.soliloquy-container .soliloquy-caption a.soliloquy-button:hover {
    background-color:rgb(46,178,87) !important;
    border: 3px solid rgb(46,178,87) !important;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 1024px) {
 
	.soliloquy-container .soliloquy-caption {
		bottom: 13px !important;
	}
 
}
/*TESTIMONIALS*/
.speech-blue-left {
    position:relative;
    border-radius:0.25em;
    border:3px solid rgba(228,247,244,1);
    padding:1em;
    background-color: rgba(228,247,244,1);
    margin:2em;
}
.speech-blue-left:after {
    content:"";
    position:absolute;
    bottom:2em; 
    left:-15px;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent; 
        border-right:1.2em solid rgba(228,247,244,1);
    display:block; 
    width:0;
}
.speech-red-right {
    position:relative;
    border-radius:0.25em;
    border:3px solid rgba(228,247,244,1);
    padding:1em;
    background-color: rgba(228,247,244,1);
    margin:2em;
}
.speech-red-right:after {
    content:"";
    position:absolute;
    bottom:2em;
    right:-15px;
        border-top: 1em solid transparent;
        border-bottom: 1em solid transparent; 
        border-left:1.2em solid rgba(228,247,244,1);
    display:block; 
    width:0;
}
.speech-mob {
    margin:1.1em 0.1em;
}


/*PAGE STYLES*/
.circlebg {
    background: linear-gradient(270deg, #1cd8d2, #79d896, #4b79cf);
    background-size: 300% 300%;
}
.gradientbg {
    background: #6ab8a9; 
    background: -webkit-linear-gradient(#6ab8a9, #52C174); 
    background: -o-linear-gradient(#6ab8a9, #52C174); 
    background: -moz-linear-gradient(#6ab8a9, #52C174);
    background: linear-gradient(#6ab8a9, #52C174); 
}
.ctabg {
    background: linear-gradient(270deg, #6ab8a9, #1cd8d2, #52C174);
    background-size: 300% 300%;
}
.ctabg:hover {
    transition: all 1.15s linear;
    background: linear-gradient(190deg, #6ab8a9, #1cd8d2, #52C174);
    background-size: 300% 300%;
}
.x-img {
  margin-bottom:0;
}

/*GOOGLE RECAPTCHA*/
.grecaptcha-badge {
  opacity:0
}