/*
 Theme Name:   Enfold Child
 Description:  Enfold Child Theme - Implemented July 2014
 Author:       Renee Gallison
 Template:     enfold
 Version:      1.0.0
*/


/* =Theme customization starts here
-------------------------------------------------------------- */

/* General Custom CSS */

/*Homepage Banner*/


/* fancy li with icons */
.custom-li ul {
	margin-left: 30px;
}

.custom-li ul > li {
    padding-left: 50px;
    list-style-type: none;
    margin: 18px 0;
}

.custom-li ul > li:nth-child(1) {
    background: url(https://www.funmobility.com/wp-content/uploads/2015/10/portal-solutions5.jpg) no-repeat left center;
    background-size: 40px;
}
.custom-li ul > li:nth-child(2) {
    background: url(https://www.funmobility.com/wp-content/uploads/2015/06/trophey.png) no-repeat left center;
    background-size: 40px;
}
.custom-li ul > li:nth-child(3) {
    background: url(https://www.funmobility.com/wp-content/uploads/2015/06/clipboard.png) no-repeat left center;
    background-size: 40px;
}
.custom-li ul > li:nth-child(4) {
    background: url(https://www.funmobility.com/wp-content/uploads/2015/06/sms1.png) no-repeat left center;
    background-size: 40px;
}
.custom-li ul > li:nth-child(5) {
    background: url(https://www.funmobility.com/wp-content/uploads/2015/06/rocket.png) no-repeat left center;
    background-size: 40px;
}
.custom-li ul > li:nth-child(6) {
    background: url(https://www.funmobility.com/wp-content/uploads/2015/10/portal-solutions6.jpg) no-repeat left center;
    background-size: 40px;
}

/* special funmo header */
.special-header {
    margin-bottom: 30px;
    height: 50px;
    position: relative;
    text-align: center;
}
.special-header:before, .special-header:after {
    content: '';
    border-top: 1px solid #e1e1e1;
    width: 30%;
    display: inline-block;
    position: absolute;
    top: 50%;
}
.special-header:before {
    left: 0;
}
.special-header:after {
    right: 0;
}
.special-header h3 {
    display: inline-block;
    margin: 0 2%;
    width: 35%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

/* Hubspot Forms */
#pum_popup_title_12408 { display: none;  }
#popmake-12408 .hbspt-form { text-align: center; }
.hs-form.stacked .inputs-list { margin-bottom: 20px; }

#top fieldset,
.hbspt-form .hs-form.stacked .field {
    margin-bottom: 0;
}
.hs-form .field {
    /*min-width: 150px;*/
}
select.hs-input {
    height: 36px;
}
.hs-form-booleancheckbox {
    margin-left: 0 !important;
}
input[type='submit'].hs-button.primary {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FCA970), color-stop(100%, #E28F56));
    background-image: -webkit-linear-gradient(top, #FCA970,#E28F56);
    background-image: -moz-linear-gradient(top, #FCA970,#E28F56);
    background-image: linear-gradient(top, #FCA970,#E28F56);
    border-color: #FCA970;
    text-shadow: 0 -1px 0 #E28F56;
    font-size: 24px;
    padding: 15px 25px;
}
.hs-form .hs-button:hover:not(.inactive), .hs-form .hs-button:focus:not(.inactive), .hs-form .hs-button.hovered:not(.inactive){
    box-shadow: inset 0px 1px 0px rgba(255,255,255,0.5),0 0 5px #FCA970;
    border-color: #E28F56;
}
.hs-form .hs-button:active:not(.inactive):not(.link), .hs-form .hs-button.depressed:not(.inactive):not(.link), .dropdown-open>.hs-form .hs-button:not(.inactive):not(.link) {
    background-color: #E28F56;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #FCA970), color-stop(100%, #E28F56));
    background-image: -webkit-linear-gradient(top, #FCA970,#E28F56);
    background-image: -moz-linear-gradient(top, #FCA970,#E28F56);
    background-image: linear-gradient(top, #FCA970,#E28F56);
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3),inset 0px -1px 0px rgba(255,255,255,0.3);
    border-color: #FCA970;
}

/* Generic mobile-desktop switcharoo */



iframe[name=google_conversion_frame] { display: none !important; }  /* silly google iframe problem */
body { overflow-y: hidden; font-size: 16px; }  /* stay away scroll bar */
.units { position: static !important; padding: 0;  } /* messing with z-indexed elements */
/*[data-av_icon]::before { content: none; }*/
.av_promobox:nth-child(1) .avia-promocontent > div:first-child { min-height: 145px; } /* uniform  height */
#header_meta .phone-info { position: absolute; right: 0px; } /* responsive */
#header_meta .phone-info span span { padding-left: 10px; } /* spacing */
.mktoForm { margin: 0 auto; }
.mktoForm h3 { color: #fff !important; }
div.avia-section { padding: 3% 0px; }

/* ===== sticky CTA ===== */
.cta { color: #fff !important; background-color: #e38f56 !important; margin-right: 10px; }
.cta:hover { background-color: #E7A577 !important; opacity: 1 !important; }
#cta-container { height: 60px; -webkit-transform: translateZ(0); }
#cta-container.fixed { position: fixed; bottom: 0; left: 0; right: 0; margin-top: 0px; z-index: 4; -webkit-backface-visibility:hidden; -webkit-transform: translateZ(0); }
#cta-container.fixed #cta-bar { background-color: #2489c5; margin-top: 10px; margin-left: 0px; width:100%; }
#cta-bar { text-align: center; height: 50px; }
#cta-content { background-color: #aaa; height: 100%; text-align: center; padding-top: 10px; display: none; }
#cta-container.fixed #cta-content { display: block; }
#cta-video { cursor: pointer; }

#footer, footer { z-index: 4 !important; font-size: 13px; }
#footer section#text-10 a { margin: 0 1px; }
/* ===== Homepage ===== */
.page-id-734 #av_section_2 { padding: 0px; }
.page-id-734 #av_section_2 .content { padding: 20px 0px; }

.page-id-8389 #after_full_slider_1,
.page-id-9013 #after_full_slider_1,
.page-id-7705 #after_full_slider_1,
.page-id-8159 #after_full_slider_1,
.page-id-7815 #after_full_slider_1,
.page-id-8766 #after_full_slider_1,
.page-id-8424 #after_full_slider_1,
.page-id-8342 #after_full_slider_1,
.page-id-1911 #after_full_slider_1,
.page-id-3903 .av_one_full.first,
/*.page-id-1394 #av_section_1,*/
.page-id-1405 #after_full_slider_1 { margin-top: 50px; margin-bottom: 50px; }

.page-id-9013 .avia-builder-el-7 { height: auto !important; }
.page-id-3903 .av_one_full.first {margin-bottom: 0px; }


/* Marketing Login Modules */

.page-id-9807,
.page-id-9978,
.page-id-9980 { left:-1px !important; }
.page-id-9807 .container,
.page-id-9978 .container,
.page-id-9980 .container { width: 300px; position: relative; top: -13px; }
/*


/* Circular Widget */
#circular {
	position: relative;
}

#circular img:not(.circular) {
	position: absolute;
}

#circular img.search {
    top: 3%;
    left: 24%;
}

#circular img.tv-radio {
    top: 14%;
    left: 14%;
}

#circular img.mobile-display-ad {
    top: 25%;
    left: 5%;
}

#circular img.desktop-display-ad {
    top: 38%;
    left: 0%;
}

#circular img.brand-website {
    top: 56%;
    left: 5%;
}

#circular img.mobile-app {
    top: 66%;
    left: 9%;
}

#circular img.email {
    top: 78%;
    left: 17%;
}

#circular img.sms {
    top: 89%;
    left: 25%;
}

#circular img.on-pack {
	top: 3%;
	right: 17%;
}

#circular img.end-caps {
    top: 16%;
    right: 10%;
}

#circular img.print-ads {
    top: 27%;
    right: 4%;
}

#circular img.demos-events {
    top: 38%;
    right: 0%;
}

#circular img.instagram {
    top: 57%;
    right: 5%;
}

#circular img.facebook {
    top: 67%;
    right: 8%;
}

#circular img.pinterest {
    top: 79%;
    right: 11%;
}

#circular img.twitter {
    top: 89%;
    right: 18%;
}


.desktop { display: block !important; }
.mobile { display: none !important; }

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 1100px) {
/* ===== General ===== */

/* =====  Homepage ==== */
/* Slider */
.page-id-734 .avia-fullwidth-slider .next-slide { z-index: 4 !important; }

/*.page-id-734 #av_section_2 { padding: 0px; }*/
.page-id-734 .avia-section h2 { font-size: 36px; margin-top: 20px; color: #2489c5; }
.page-id-734 #av_section_1 img { margin: 40px 0px 0px 85px;}

.page-id-734 #av_section_9 .av_one_third .av_textblock_section:first-child { height: 225px; }
.page-id-734 #av_section_9 .av_one_third .av_textblock_section:nth-child(2) { height: 90px; }

/* ===== Interactive Demo Page ===== */
.page-id-9103 .avia-section { padding: 0; }
/*.page-id-9103 #av_section_1 .content { padding: 0; }*/

/* ===== Agency Page ===== */
.page-id-7041 #av_section_1 img { margin: 50px auto; }

/* ===== Opt-in Quick Quide ===== */
.av_promobox .avia-promocontent div { display: inline-block; width: 250px; float: left; margin: 10px 0px 0px 0px; }
.av_promobox .avia-promocontent div + div { display: inline-block; width: 115px; float: right; text-align: center; }

}





/*
Tablet Styles
================================================== */


/* ============= Mobile Advertising Trends Report 2014 ================ */
@media screen and (min-width: 768px) and (max-width: 1100px){

.page-id-9013 #av_section_1 .container,
/*.page-id-8424 #av_section_1 .container,*/
.page-id-9046 #after_full_slider_1 .container { width: 730px !important; }
.page-id-9013 #after_full_slider_1 .container .content,
/*.page-id-8424 #av_section_1 .container .content,*/
.page-id-9046 #after_full_slider_1 .container .content { width: 895px !important; }
.page-id-9013 #after_full_slider_1 .container .content .av_two_third,
/*.page-id-8424 #av_section_1 .container .content .av_two_third,*/
.page-id-9046 #after_full_slider_1 .container .content .av_two_third { margin-left: 7%; width: 45% !important; }
.page-id-9013 #after_full_slider_1 .avia-builder-el-7 div { display: block !important; width: 100% !important; }

/* ===== Opt-in Quick Quide ===== */
.av_promobox { height: 380px; }
.av_promobox .avia-promocontent div + div { width: 100%; text-align: center; }

}

/* lp tablet css */
@media only screen and (min-width: 768px) and (max-width: 989px){
.page-id-10125 div .av_two_third { margin-left: 20%; width: 50.666667%; }
#circular img.search { left: 17%; }
#circular img.tv-radio { left: 7%; }
#circular img.mobile-display-ad { left: -3%; }
#circular img.desktop-display-ad { left: -9%; }
#circular img.brand-website { left: -2%; }
#circular img.mobile-app { left: 3%; }
#circular img.email { left: 14%; }
#circular img.sms { left: 23%; }
#circular img.on-pack { right: 9%; z-index: 1; }
#circular img.end-caps { right: 2%; }
#circular img.print-ads { right: -4%;}
#circular img.demos-events { right: -9%; }
#circular img.instagram { right: 0%; }
#circular img.facebook { right: 3%; }
#circular img.pinterest { right: 7%; }
#circular img.twitter { right: 14%; }


/*to fix a bug in grid.css */
.responsive .av_one_fourth.first { margin-left: 4%; width: 48%; }

}

@media only screen and (max-width: 830px) {
#circular img:not(.circular) { display: none; }
}


/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 768px) {
	
	.responsive .container { width: 325px;	}
	
  /* Add your Mobile Styles here */
.mktoForm { width: 260px !important;}
.mktoForm h3 { width: 260px !important;}
 { width: 100% !important; }
.mktoForm .mktoField:not([type="radio"]) { width: 100% !important; }
h1, h2 { margin-top: 25px !important; }

.av_promobox:nth-child(1) .avia-promocontent > div:first-child { margin-top: 0px !important; width: 215px !important; }
.av_promobox:nth-child(1) .funmo-button-small { margin: 0 auto !important; }

.cta { font-size: 14px; }
#cta-bar	 {  width: 130%; margin-left: -35px; }

/* ====== Homepage ===== */

/* ===== Reosources Boxes ===== */
.av_promobox { margin: 10px !important; }
.av_promobox .avia-promocontent div { display: inline-block; width: 250px; float: left; margin: 10px 0px 0px 0px; }
.av_promobox .avia-promocontent div + div { display: inline-block; width: 115px; float: right; text-align: center; }

/* ============= Mobile Advertising Trends Report 2014 ================ */
.page-id-9013 #after_full_slider_1 .avia-promocontent div,
.page-id-9013 #after_full_slider_1 .av_two_third .avia_textblock div { display: block !important; width: 100% !important; }

/* ============ Sticky Footer ============ */
#cta-container { display: none; }

.desktop { display: none !important; }
.mobile { display: block !important; }

}

@media only screen and (max-width: 478px) {
.page-id-8342 .av_promobox .avia-promocontent div + div { width: 100%; }

/* special funmo header */
.special-header {
     margin-bottom: 0px;
     height: auto;
}
.special-header:before, .special-header:after {
    width: 100%;
    display: block;
    position: static;
    margin: 30px 0px;
}
.special-header h3 {
	width:100%;
	position: static;
	transform: none;
}

}