/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
body {
    color: #000;
}
.badge.post-date {
    top: 7%;
    display: none !important;
}


.figs .video-bg{

transform: rotateY(180deg) !important;
    -webkit-transform:rotateY(180deg) !important; /* Safari and Chrome */
    -moz-transform:rotateY(180deg) !important;
}
/*
.button.primary:not(.is-outline){

background-image: url("/wp-content/uploads/2017/10/fingertip_starburst.png") !important;

background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: center;


} 
*/

.addtoany_shortcode{

margin-top:10px !important;

}

.yrc-video-date {

display:none !important;

}

.header-main .nav > li > a {
    line-height: 15px;
    padding: 28.5px 22px;
    letter-spacing: 1.1px;
    font-size: 14px;
}

.nav-dropdown.nav-dropdown-default>li>a {
    padding-left: 0;
    padding-right: 0;
    color: white !important;
    margin: 0px 0px !important;;
    border-bottom: 0px solid #ececec !important;
}

.nav-dropdown li {
    display: block;
    margin: 0;
    vertical-align: top;
    padding: 16px 22px 16px;
    color: white;
    margin-top: 0;
    border-radius: 0;
    border: none;
    background-color: #000;
    letter-spacing: 1.1px !important;
    font-size: 14px !important;
font-weight:700 !important;
 text-transform: uppercase !important;
}




.nav-dropdown-default {
    padding: 9px !important;
}


.post-type-archive article {
    display: block;
    margin-bottom: 30px;
}

.post-type-archive #main {
    background-color: #f9f9f9 !important;
}
/*
.header-full-width .container {
    max-width: 84% !important;
}*/
.form-flat button, .form-flat input, .form-flat input:not([type="submit"]), .form-flat textarea, .form-flat select {
    border-radius: 0px;
}



.primary{
    background: #03d56b;
}

.widget-leftBorder{
    padding-left: 30px;
    font-weight: 800;
}
.widget-leftBorder:before{
    content: '';
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 6px;
    background: #3b4b52;
    border-radius: 5px;
}
/* Gal Edits */

.button.primary:not(.is-outline) {
background: rgba(52,191,163,1);
background: -moz-linear-gradient(-45deg, rgba(52,191,163,1) 0%, rgba(73,210,151,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(52,191,163,1)), color-stop(100%, rgba(73,210,151,1)));
background: -webkit-linear-gradient(-45deg, rgba(52,191,163,1) 0%, rgba(73,210,151,1) 100%);
background: -o-linear-gradient(-45deg, rgba(52,191,163,1) 0%, rgba(73,210,151,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(52,191,163,1) 0%, rgba(73,210,151,1) 100%);
background: linear-gradient(135deg, rgba(52,191,163,1) 0%, rgba(73,210,151,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34bfa3', endColorstr='#49d297', GradientType=1 );
}
.is-primary {
    color: #34bfa3!important;
}
.is-hero .banner-layers.container {
    max-width: 100%;
}
video {
    width: 100%;
    max-width: 100%;
    display: block;
}
video::-webkit-media-controls {
  display: none;
}
.is-video-hero {
    position: absolute;
    top: 6%;
    width: 70%;
    text-align: center;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}
.parallax-active {
    opacity: 1!important;
}
.is-top {
    z-index: 29;
}
.scene {
	-webkit-animation: myOrbit 6s linear infinite; 
	-moz-animation: myOrbit 6s linear infinite; 
	-o-animation: myOrbit 6s linear infinite; 
	animation: myOrbit 6s linear infinite; 
	opacity: 0.2;
}
.scene1 {
	-webkit-animation: myOrbit1 7s linear infinite; 
	-moz-animation: myOrbit1 7s linear infinite; 
	-o-animation: myOrbit1 7s linear infinite; 
	animation: myOrbit1 7s linear infinite; 
	opacity: 0.2;
}
.scene2 {
	-webkit-animation: myOrbit2 8s linear infinite; 
	-moz-animation: myOrbit2 8s linear infinite; 
	-o-animation: myOrbit2 8s linear infinite; 
	animation: myOrbit2 8s linear infinite; 
	opacity: 0.2;
}
.scene3 {
	-webkit-animation: myOrbit 9s linear infinite; 
	-moz-animation: myOrbit 9s linear infinite; 
	-o-animation: myOrbit 9s linear infinite; 
	animation: myOrbit 9s linear infinite; 
	opacity: 0.2;
}
@media only screen and (max-width: 1800px) {
.is-video-hero {
    top: 6%;
    width: 76%;
}
}


@-webkit-keyframes myOrbit {
    from { -webkit-transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}

@-moz-keyframes myOrbit {
    from { -moz-transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { -moz-transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}

@-o-keyframes myOrbit {
    from { -o-transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { -o-transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}

@keyframes myOrbit {
    from { transform: rotate(0deg) translateX(30px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(30px) rotate(-360deg); }
}


@-webkit-keyframes myOrbit1 {
    from { -webkit-transform:  rotate(-360deg) translateX(40px) rotate(360deg); }
    to   { -webkit-transform: rotate(0deg) translateX(40px) rotate(0deg); }
}

@-moz-keyframes myOrbit1 {
    from { -moz-transform: rotate(-360deg) translateX(40px) rotate(360deg); }
    to   { -moz-transform: rotate(0deg) translateX(40px) rotate(0deg); }
}

@-o-keyframes myOrbit1 {
    from { -o-transform: rotate(-360deg) translateX(40px) rotate(360deg); }
    to   { -o-transform: rotate(0deg) translateX(40px) rotate(0deg); }
}

@keyframes myOrbit1 {
    from { transform: rotate(-360deg) translateX(40px) rotate(360deg); }
    to   { transform: rotate(0deg) translateX(40px) rotate(0deg); }
}


@-webkit-keyframes myOrbit2 {
    from { -webkit-transform: rotate(0deg) translateX(50px) rotate(0deg); }
    to   { -webkit-transform: rotate(360deg) translateX(50px) rotate(-360deg); }
}

@-moz-keyframes myOrbit2 {
    from { -moz-transform: rotate(0deg) translateX(50px) rotate(0deg); }
    to   { -moz-transform: rotate(360deg) translateX(50px) rotate(-360deg); }
}

@-o-keyframes myOrbit2 {
    from { -o-transform: rotate(0deg) translateX(50px) rotate(0deg); }
    to   { -o-transform: rotate(360deg) translateX(50px) rotate(-360deg); }
}

@keyframes myOrbit2 {
    from { transform: rotate(0deg) translateX(50px) rotate(0deg); }
    to   { transform: rotate(360deg) translateX(50px) rotate(-360deg); }
}




@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.header-full-width .container {
    max-width: 100% !important;
}
#logo { 
margin-top: -23px;
}
.header-main .nav > li > a {
    
    padding: 0px;
    
}
.form-flat button, .form-flat input {
    width: 100%;
}
.form-flat .flex-row .flex-col, .flex-row.form-flat .flex-col {
    padding-right: 0px;
}
.wpcf7 .ml-half {
    margin-left: 0px;
}
}



.box{
	    border-style: solid;
	    padding: 5px;
	    border-width: 4px 0px 0px 0px;
	    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 50%);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
	margin:1%;
}
.box.large-4{
	       max-width: 31.33333%;
		
}