/*
Theme Name: CFNO Theme
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 10.0
Author: Dustin Grof
Author URI: http://www.dustingrof.com
Template: enfold
*/
/*==============================
START HEADER STYLES
============================== */
/** Increase font-icon size in top bar **/
#header_meta {
    font-size: 18px;
}
/** Increase menu font size in top bar **/
#header_meta .sub_menu ul li {
    font-size: 16px;
}
/** Fixing line height and position of menu in top bar **/
.sub_menu {
    line-height: 40px;
    top: 15px;
}
/** Make social book marks fill new height of top bar **/
#top .social_bookmarks {
    height: 40px;
}
/** Remove line betweeen social icons **/
#top .social_bookmarks li {
    border-right-width: 0px;
}
/** Fix position of social icons in top bar **/
#top .social_bookmarks li a {
    line-height: 40px;
}
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 140px  !important;
}

/*===========================
END HEADER STYLES
============================== */


/*==============================
START GENERAL STYLES
============================== */
/** Make all links italic **/
p > a {
    font-style: italic;
}

/** Add horizontal gradient to color section over top of image **/
.background-horizontal-gradient-black .container {
    background: linear-gradient(90deg, rgba(0,0,0,.8) 20%, rgba(0,0,0,0) 50%) !important;
    margin-left: 0;
}
/** Make a green horizontal gradient on color section (might not need, using post slider now) **/
.background-horizontal-solid-green .container {
    background: linear-gradient(270deg, rgba(110,129,73,0.8547794117647058) 0%, rgba(110,129,73,0.8519782913165266) 50%, rgba(110,129,73,0) 52%);
    margin-right: 0;
}
/** Special settings for the programs boxes **/
div#special-heading-custom .av-subheading_above {
    padding-bottom: 80px;
}
/** Special settings for the programs boxes **/
div#special-heading-custom .av-subheading_above p {
    font-size: 20px;
    line-height: 1.4em;
    font-weight: 700;
    color: white;
}
/** Programs Boxes adding right facing arrow **/
#special-heading-custom h3.av-special-heading-tag:before {
    content: '\276F';
    padding-right: 10px;
    font-size: 22px;
}
/**  **/
#top #success-stories-slider .av-section-color-overlay {
    position: absolute;
    top: 0;
    left: 70%;
    bottom: 0;
    width: 30%;
}
/**  **/
#top #success-stories-slider .caption_center .slideshow_caption {
    left: 70%;
    width: 30%;
    text-align: right;
}
/* makes the success story image appear fixed, but it doesn't look good. saved just in case they want it back
div#success-stories-slider ul li {
    background-attachment: fixed;
}
*/
#top .avia-slideshow-fixed-height > li {
    background-position: top center;
}
#programs-grid-row .no_margin.av_one_half {
    width: 50%;
    border-spacing: 10px 5px;
}
/** Content slider background color **/
#top.home .avia-content-slider .slide-entry {
    background-color: #f3f3f3;
	min-height: 400px;
}
/** Slide content padding **/
#top.home .avia-content-slider .slide-entry .slide-content {
    padding: 20px 40px;
}
/** Radius on photo in content slider **/
#top.home .avia-content-slider .slide-image, .avia-content-slider .slide-image img {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
/** Tweak column width on content slider **/
#top.home .avia-content-slider .slide-entry.av_one_half {
    margin-left: 2%;
    width: 48%;
}
#top.home .avia-content-slider .slide-entry.av_one_half.first {
    margin-left: 0;
}
/** Turn off slide meta on content slider **/
#top.home .avia-content-slider .slide-entry .slide-meta {
	display:none;
}
/* Fix padding after title */
#top.home .avia-content-slider .slide-entry-title {
    padding-bottom: 5px;
}
/**  **/
#top.home .avia-content-slider .slide-entry-wrap {
    margin-bottom: auto;
}
.social-icon-padding {
    padding: 10px;
}
#top .social-icon-padding a {
    text-decoration: none;
}
/**  **/
#business-submenu, #business-submenu li a {
    background-color: #6e8149;
    color: white;
}
/** Size for the medium icons **/
.icon_medium {
    max-width: 150px;
}
/* modify the google badge font size */
#top .avia_ajax_form .av-google-badge-message {
    font-size: 10px !important;
}
/** This moves the submit button up on contact forms, need to double check when recaptcha 3 is turned off.  **/
form.avia_ajax_form > fieldset > p.form_element:last-child {
    margin-top: -15px;
}
/** adjust the padding on special headings in the green columns **/
.steel_teal_green_column .av-special-heading {
    margin-top: 10px;
}
/** add the up arrow to the request consultation bit **/
.request_consultation p:before {
    content: "\2BC5";
    font-size: 20px;
    padding: 5px 5px 0px 0px;
    bottom: -5px;
    position: relative;
}
/** Change border color for submenu on business pages **/
#business-submenu.socket_color ul li a {
    border-color: #FFFFFF;
}
/**  **/
#steel_teal_background_textbox {
    background: #51928d;
    border-width: 1px;
    border-color: #51928d;
    border-style: solid;
    padding: 50px;
    background-color: #51928d;
    border-radius: 2px;
    color: #ffffff;
}
#steel_teal_background_textbox a {
    color: #ffffff;
}
#steel_teal_background_textbox h1 {
    margin-top: 10px !important;
}
#steel_teal_background_textbox h1, #steel_teal_background_textbox h2, #steel_teal_background_textbox strong {
    color: white;
}

/** Make submenu font larger **/
#business-submenu ul li {
    font-size: 15px;
}

/** Setup the Custom Pull Quote below the steal teal text blocks **/
.avia_textblock.custom_pull_quote {
    border-left: 3px solid #c59d2b;
    padding: 20px 50px;
}
/**  **/
#steel_teal_background_textbox hr {
    margin-top: 25px;
    margin-bottom: 25px;
}
.togglecontainer {
    margin: 20px 0;
}
.toggle_icon .vert_icon, .toggle_icon .hor_icon {
    border-color: #51928d;
}
.togglecontainer .toggler {
    color: #000000;
}

/** style the tabs on enterprize challenge page **/
#enterprize-tabs .av-inner-tab-title {
    font-size: 16px;
}
#top #enterprize-tabs a.av-active-tab-title {
    color: #000000;
}
/** to hide body images on events remove all. then allow header img **/
.tribe-events-single>.tribe_events img {
    display: none;
}
#top .tribe-events-event-image img {
    display: block;
}
/** Style workshop calendar page event list **/
a.av-upcoming-event-entry.av-upcoming-event-with-image {
    border-top: 1px dashed;
    padding-top: 20px;
    padding-bottom: 20px;
}
a.av-upcoming-event-entry.av-upcoming-event-with-image img {
    zoom: 130%;
}
a.av-upcoming-event-entry.av-upcoming-event-with-image h4 {
    font-size: 21px;
}
div#workshops-column h3 {
    font-size: 30px;
	margin-top: 22px;
}
a.av-upcoming-event-entry.av-upcoming-event-with-image:last-child {
    border-bottom: 1px dashed;
}
/** Events/Workshop page styling, fix the button layout **/
#top button#iee-eventbrite-checkout-trigger {
    position: absolute;
    bottom: 0px;
    background-color: #3c6959;
    color: white;
    font-size: 18px;
    padding: 10px 20px;
    margin-bottom: 10px;
}
/** make how we can help section max width same as other areas of site **/
div#programs-grid-row {
    max-width: 1310px;
    margin-left: auto;
    margin-right: auto;
}
/** Create a more noticeable focus state for menu tabbing **/
#top #header .av-main-nav > li a:focus {
	color: red !important;
        border: 1px solid #333333!important;
}
/** make full width buttons go to the left **/
body .left-align-button .avia-button {
    text-align: left;
    padding-left: 10% !important;
}
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/**  **/
/*==============================
END GENERAL STYLES
============================== */


/*==============================
START LIST STYLES
============================== */

/*==============================
END LIST STYLES
============================== */


/*==============================
Start Footer Styles
============================== */
/* style the footer button row*/
#footer a.avia-button.avia-icon_select-no.avia-size-small {
    padding: 0;
	font-size: 16px;
    font-weight: 700;
	background-color: transparent !important;
    border: none;
}
#footer a:hover {
	text-decoration: underline;
}
#socket .copyright {
    font-size: 14px;
}
/*==============================
END Footer Styles
============================== */


/* 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 (max-width: 1199px) {

}

@media only screen and (max-width: 1139px) {

}

@media only screen and (max-width: 1029px) {

}

@media only screen and (max-width: 989px) {
.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: initial  !important;
}
}

@media only screen and (max-width: 889px) {

}
@media only screen and (max-width: 767px) {
.responsive #top #wrap_all .background-horizontal-gradient-black .container {
    width: 100%;
    max-width: 100%;
}
}
/*
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: 479px) {

}



/*
Print Styles to be added to print.css after each update of parent theme
================================================== */
@media print {

}