/*
Theme Name: Main Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Main
Template: main
Version: 2.0.2
*/




/* Theme customizations from previous child theme ------------------------ */

.grecaptcha-badge {
    display: none;
}

#Side_slide .extras .extras-wrapper .cart  {
    display: none;
}



.scrolling-wrap {
overflow-x: auto;
}

.slogan  {
margin: 10px!important;
}
.slogan a {
font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
font-size: 18px;
font-weight: 800;
letter-spacing: 1px;
font-style: italic;
text-shadow: 1px 1px #333333;
padding: 25px 10px 25px 70px!important;
background-image: url(/wp-content/themes/main-child/images/logo-alp-v2.png);
background-size: 55px auto;
background-repeat: no-repeat;
background-position: left center;
}
.slogan a:hover {
text-decoration: none;
}

.social a:hover {
text-decoration: none!important;
}
.header-classic #Action_bar .social {
    padding: 25px 0;
}



/* Icons using theme settings & for mobile side menu --------- */
.icon-facebook:after {
	font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
    content: 'Facebook';
	padding: 0 10px 0 0!important;
}
.icon-linkedin:after {
	font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
    content: 'LinkedIn';
	padding: 0 10px 0 0!important;
}
.icon-twitter:after {
	font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
    content: 'Twitter';
	padding: 0 10px 0 0!important;
}
.icon-play:after {
	font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
    content: 'YouTube';
	padding: 0 10px 0 0!important;
}
.icon-instagram:after {
	font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
    content: 'Instagram';
	padding: 0 10px 0 0!important;
}

.icon-pinterest:after {
	font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
    content: 'Pinterest';
	padding: 0 10px 0 0!important;
}

/* Icons using social menu--------- */

#menu-top-right {
    font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
	font-size: 90%;
}

#menu-top-right a:hover {
    text-decoration: none;
}

.icon-custom-h a:after, .icon-custom-t a:after, .icon-custom-s a:after {
	font-family: "mfn-icons";
	float:right;
	color: #C9C9C9;
	padding: 0 5px 0px 10px;
}

.icon-custom-h a:hover:after, .icon-custom-t a:hover:after, .icon-custom-s a:hover:after {
	color: #ffffff!important;
}

.icon-custom-h a:after {
    content: '\e87b';
}
.icon-custom-t a:after {
    content: '\e87b';
}
.icon-custom-s a:after {
    content: '\e87b';
}

.page-id-2172 .icon-custom-t, .parent-pageid-2172 .icon-custom-t {
	display: none!important;
}

.single-post .icon-custom-s, .page-id-6714 .icon-custom-s, .page-id-6715 .icon-custom-s, .page-id-6719 .icon-custom-s, .page-id-4152 .icon-custom-s, .parent-pageid-4152 .icon-custom-s, .woocommerce-page .icon-custom-s, .page-id-4196 .icon-custom-s, .page-id-4531 .icon-custom-s, .page-id-4189 .icon-custom-s, .page-id-4640 .icon-custom-s, .page-id-4639 .icon-custom-s,  .page-id-5611 .icon-custom-s, .parent-pageid-4288 .icon-custom-s, .parent-pageid-4433 .icon-custom-s, .parent-pageid-4438 .icon-custom-s, .parent-pageid-7340 .icon-custom-s {
	display: none!important;
}


.header-classic #Action_bar .social-menu {
    padding: 5px 0 0 0;
}
#Action_bar .social-menu li {
    margin-right: 3px;
    padding-right: 3px;
    border-right: 0 ;
}
#Footer .footer_copy .social-menu li {
    margin-right: 3px;
    padding-right: 3px;
    border-right: 0;
}

.social i {
    font-style: normal;
}


.icon-custom-youtube, .icon-custom-facebook, .icon-custom-twitter, .icon-custom-pinterest, .icon-custom-instagram {
height: 55px;
width: 55px;
background-size: 55px 55px ;
background-repeat: no-repeat;
background-position: center center;
padding: 0;
}

.icon-custom-youtube  {
background-image: url(/wp-content/themes/main-child/images/social-icon-youtube.png);
}
.icon-custom-facebook  {
background-image: url(/wp-content/themes/main-child/images/social-icon-facebook.png);
}
.icon-custom-twitter  {
background-image: url(/wp-content/themes/main-child/images/social-icon-twitter.png);
}
.icon-custom-pinterest  {
background-image: url(/wp-content/themes/main-child/images/social-icon-pinterest.png);
}
.icon-custom-instagram  {
background-image: url(/wp-content/themes/main-child/images/social-icon-instagram.png);
}

.icon-custom-youtube:hover, .icon-custom-facebook:hover, .icon-custom-twitter:hover, .icon-custom-pinterest:hover, .icon-custom-instagram:hover {
background-size: 50px 50px ;
}


.icon-custom-youtube > a, .icon-custom-facebook > a, .icon-custom-twitter > a, .icon-custom-pinterest > a, .icon-custom-instagram > a {
display: block;
height: 55px;
width: 55px;
}

@media only screen and (max-width: 767px){
/* Reduce social icons on mobile */
.icon-custom-youtube, .icon-custom-facebook, .icon-custom-twitter, .icon-custom-pinterest, .icon-custom-instagram {
    height: 40px;
    width: 40px;
    background-size: 40px 40px;
}
.icon-custom-youtube:hover, .icon-custom-facebook:hover, .icon-custom-twitter:hover, .icon-custom-pinterest:hover, .icon-custom-instagram:hover {
background-size: 35px 35px ;
}
}

.icon-custom-youtube > a > span, .icon-custom-facebook > a > span, .icon-custom-twitter > a > span, .icon-custom-pinterest > a > span, .icon-custom-instagram > a > span {
    display: none;
}

.icon-linkedin:before {
    content: '\f319';
	font-size: 175%;
	float: left;
}

.icon-custom-w a:after {
	font-family: "mfn-icons";
	background-color: transparent!important;
	float:right;
	color: #C9C9C9;
	padding: 0 6px 0px 6px;
}

.icon-custom-w a:after {
    content: '\e877';
}

.icon-custom-w a:hover:after {
	color: #ffffff!important;
	font-weight: 600;
}

.icon-custom-arrow a:before {
	font-family: "mfn-icons";
	background-color: transparent!important;
	float:left;
	color: #C9C9C9;
	padding: 0 6px 0px 6px;
}

.icon-custom-arrow a:before {
    content: '\e914';
}

.icon-custom-arrow a:hover:before {
	color: #ffffff!important;
	font-weight: 600;
}


#Top_bar .top_bar_right {
    padding: 0 ;
}

#Top_bar a.responsive-menu-toggle::before {
/*  content: "MENU"; */
font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
font-size:20px;
}

#Top_bar a.responsive-menu-toggle:hover {
text-decoration: none;
color:#ffffff;
}

#menu-main-top-menu .current-menu-item > a > span, #menu-main-top-menu .current-menu-parent > a > span  {
font-weight:900!important;
}

.widget_nav_menu .current_page_item {
font-weight:900!important;
background: rgba(0,0,0,.06)!important;
}

/* Move mobile logo to left */
#Top_bar #logo img.logo-mobile {
    float: left;
}



/* TURN OFF MENU BACKGROUND
#Top_bar  {
font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
background: #EDEAE1;
background: -moz-linear-gradient(top, #eae5da 0%, #d3c9b4 100%);
background: -webkit-linear-gradient(top, #eae5da 0%,#d3c9b4 100%);
background: linear-gradient(to bottom, #eae5da 0%,#d3c9b4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae5da', endColorstr='#d3c9b4',GradientType=0 );
}
 */
/* TURN OFF TOP BAR BACKGROUND
.top_bar_right_wrapper > a {
background: #555555;
background: -moz-linear-gradient(top, #555555 0%, #000000 100%);
background: -webkit-linear-gradient(top, #555555 0%,#000000 100%);
background: linear-gradient(to bottom, #555555 0%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 );
}
 */
.get-in-touch > a > span {
	margin: 10px 20px;
	padding: 10px 20px;
	border-radius: 5px;
	line-height: 40px!important;
background: #555555; /* Old browsers */
background: -moz-linear-gradient(top, #555555 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #555555 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #555555 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

.get-in-touch > a > span:hover {
background: #222222;
}

#Side_slide .social {
    text-align: left;
    margin: 0 20px 13px;
}

/* Header variation layout */
.page-id-619  #Action_bar, .parent-pageid-619 #Action_bar, .page-id-781  #Action_bar, .parent-pageid-781 #Action_bar  {
    background-color: #843b20!important;
}

.page-id-619  #Footer, .parent-pageid-619 #Footer, .page-id-781  #Footer, .parent-pageid-781 #Footer  {
    background-color: #843b20;
}

/* Header variation layouts */
.page-id-617  #Action_bar, .parent-pageid-617 #Action_bar,  .page-id-820  #Action_bar, .parent-pageid-820 #Action_bar {
    background-color: #333333!important;
}

.page-id-617  #Footer, .parent-pageid-617 #Footer, .page-id-820  #Footer, .parent-pageid-820 #Footer {
    background-color: #333333;
}

.widget_archive ul li:after, .widget_nav_menu ul li:after {
    width: 100%;
    left: 0px;
}


.widget_archive ul, .widget_nav_menu ul {
    list-style-type: none;
    padding: 0px;
    background: rgba(0,0,0,.03);
	margin-top: 0px;
    margin-bottom: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	border-radius:10px;
}

.widget_archive ul li a, .widget_nav_menu ul li a {
    padding: 8px 8px 8px 12px;
}

.widget_archive ul li a, .widget_nav_menu ul li a:hover {
text-decoration: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:10px;
background-color: #ffffff;
}
.widget_nav_menu .sub-menu {
background:none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius:0;
border-width: 1px 0 0;
border-style: solid;
border-color: rgba(0,0,0,.1);
}

.widget_nav_menu .sub-menu a {
padding-left: 25px;
font-size: 90%;
}

h2.entry-title {
    font-size: 20px;
    line-height: 24px;
	font-weight: 800;
}

a.post-more {
    text-transform: uppercase;
    font-family: "Roboto Slab", Arial, Tahoma, sans-serif;
}

#Side_slide > .menu_wrapper > #menu > ul > li > a {
    font-size: 20px;
}

#Side_slide > .menu_wrapper > #menu > ul > .get-in-touch > a {
	margin: 20px 0 0 0!important;
}

#Side_slide .social {
    text-align: center;
}

#Side_slide .social li a {
    padding: 5px 20px 5px 5px;
}

input[type="submit"] {
    font-size: 20px;
}

.wpb_wrapper .wpcf7-form {
    display: inline;
}


/* Woo Commerce Store Customizations
-------------------------------------------------------------- */

.woocommerce-MyAccount-content address:before  {
    display: none;
}

li.product .desc h4 {
    font-size: 20px;
}

.shop-filters {
    display: none;
}

.product_meta {
    display: none;
}

.woocommerce-account .view-subscription {
    display: none!important;
}

.store-row {
    margin: 50px 0 50px 0;
}

.products .grid .col-4 {
    display: none!important;
}


/*  Visual Composer Extra Classes */

.top-black-background {
    background-color: #000000;
}

.white-text-row h1, .white-text-row h2, .white-text-row h3, .white-text-row h4, .white-text-row h5, div.white-text-row {
    color: #ffffff!important;
}

/*  Top image white text with 50% black background */
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, div.white-text {
    color: #ffffff!important;
}

div.white-text {
	margin: 0px !important;
    padding: 10% !important;
    background-color: rgba(10,10,10,0.55) !important;
}

.white-text .wpb_wrapper {
	margin: 80px 0 0 0 ;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); cursor: pointer}

.footer-copy-center #Footer .footer_copy a#back_to_top {
    border-radius: 3px;
}

.templatera_shortcode {
    margin-bottom: 0!important;
}

.product_wrapper > .product_image_wrapper{
    width: 20%!important;
}
.product_wrapper > .entry-summary {
    width: 75%!important;
}
@media only screen and (max-width: 767px) {
.woocommerce div.product div.images img {
    width: 50%!important;
}
}



/* Remove social media  on creative side menu */
.creative-social {
    display: none!important;
}


/* Add rollover background to career post links */

/* Link colors */
.um a.um-link,
.um .um-tip:hover,
.um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
.um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
.um .um-member-name a:hover,
.um .um-member-more a:hover,
.um .um-member-less a:hover,
.um .um-members-pagi a:hover,
.um .um-cover-add:hover,
.um .um-profile-subnav a.active,
.um .um-item-meta a,
.um-account-name a:hover,
.um-account-nav a.current,
.um-account-side li a.current span.um-account-icon,
.um-account-side li a.current:hover span.um-account-icon,
.um-dropdown li a:hover,
i.um-active-color,
span.um-active-color
{
    color: #669933 !important;
}

.um a.um-link:hover,
.um a.um-link-hvr:hover {
    color: #000000 !important;
}

/* Button colors */
.um .um-field-group-head,
.picker__box,
.picker__nav--prev:hover,
.picker__nav--next:hover,
.um .um-members-pagi span.current,
.um .um-members-pagi span.current:hover,
.um .um-profile-nav-item.active a,
.um .um-profile-nav-item.active a:hover,
.upload,
.um-modal-header,
.um-modal-btn,
.um-modal-btn.disabled,
.um-modal-btn.disabled:hover,
div.uimob800 .um-account-side li a.current,
div.uimob800 .um-account-side li a.current:hover,
.um .um-button,
.um a.um-button,
.um a.um-button.um-disabled:hover,
.um a.um-button.um-disabled:focus,
.um a.um-button.um-disabled:active,
.um input[type=submit].um-button,
.um input[type=submit].um-button:focus,
.um input[type=submit]:disabled:hover
{
    background: #669933 !important;
}

.um .um-field-group-head:hover,
.picker__footer,
.picker__header,
.picker__day--infocus:hover,
.picker__day--outfocus:hover,
.picker__day--highlighted:hover,
.picker--focused .picker__day--highlighted,
.picker__list-item:hover,
.picker__list-item--highlighted:hover,
.picker--focused .picker__list-item--highlighted,
.picker__list-item--selected,
.picker__list-item--selected:hover,
.picker--focused .picker__list-item--selected,
.um .um-button:hover,
.um a.um-button:hover,
.um input[type=submit].um-button:hover{
    background: #000000 !important;
}

/* Button alt colors */
.um .um-button.um-alt, 
.um input[type=submit].um-button.um-alt {
    background: #eeeeee !important;
}

.um .um-button.um-alt:hover,
.um input[type=submit].um-button.um-alt:hover {
    background: #e5e5e5 !important;	
}


.um-account-meta {
    display: none;
}


/* Add rollover background to career post links */


.career_links h5 a {
padding: 10px;
display: block;
border-top-width:0;
border-left-width:0;
border-bottom-width:1px!important;
border-right-width:3px;
border-style:solid;
border-right-color: #669933!important;
border-bottom-color: #cccccc!important;
-o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
  /* ...and now override with proper CSS property */
  transition:color .2s ease-out, background .2s ease-in;
}


.career_links h5 a:hover { 
color: #ffffff;
background-color: #669933;
}

.vc_btn3.vc_btn3-style-custom:focus, .vc_btn3.vc_btn3-style-custom:hover {
    background: transparent;
}



@media only screen and (min-width: 1240px)
{
/* Turn brand links to images - desktop only */
.main-menu-brand1 > a > span, .main-menu-brand2 > a > span  {
display:none!important;
}
.main-menu-brand1 > a {
width: 170px!important;
height: 50px!important;
background-image: url(/wp-content/themes/main-child/images/logo-brand1.png)!important;
background-size: auto 35px !important;
background-repeat: no-repeat!important;
background-position: center center!important;
}
.main-menu-brand2 > a {
width: 155px!important;
height: 50px!important;
background-image: url(/wp-content/themes/main-child/images/logo-brand2.png)!important;
background-size: auto 35px !important;
background-repeat: no-repeat!important;
background-position: center center!important;
}
.main-menu-brand1 > a:hover, .main-menu-brand1 > a:active  {
width: 170px!important;
background-size: auto 35px !important;
background-repeat: no-repeat!important;
background-position: center center!important;
}
.main-menu-brand2 > a:hover, .main-menu-brand2 > a:active  {
width: 155px!important;
background-size: auto 35px !important;
background-repeat: no-repeat!important;
background-position: center center!important;
}

/* Remove padding on image menu item logos */
.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > .main-menu-brand1 > a {
    margin:  0!important;
}
.menu-highlight:not(.header-fixed):not(.header-simple) #Top_bar.is-sticky .menu > .main-menu-brand2 > a {
    margin:  0!important;
}
}

@media only screen and (max-width: 1239px)
{
/* Reduce padding in menu */
#Top_bar .menu > li > a span:not(.description) {
padding: 0 8px!important;
    border-right-width: 1px!important;
}
}

/* Remove logo on desktop  OFF
@media only screen and (min-width: 767px){
 #Top_bar .logo img, #Top_bar.is-sticky .logo {
    display: none;
}


#Top_bar .logo {
    margin: 0;
}
}
 */

@media only screen and (max-width: 959px){
/* Move mobile menu to right */
#Top_bar .top_bar_left {
    float: left;
}
/* Remove slogan on mobile */
.slogan a span {
display: none;
}



}


@media only screen and (min-width: 959px){
/* Widen  dropdowns */
.sub-menu li {
    width: 280px!important;
	font-family: "Roboto Condensed", Arial, Tahoma, sans-serif;
	font-size: 90%;
}
#Top_bar .menu li ul li ul {
    left: 280px;
}

}

.footer-copy-center #Footer .footer_copy a#back_to_top {
    float: right;
}
.copyright {
    font-size: 80%;
}
.widget:after {
    width: 100%;
}
#Side_slide #menu ul li ul li a {
    padding-left: 25px;
}
/* Hide rollover links on blog feed */

.image_frame .image_wrapper .mask { display: none; }
.image_frame .image_wrapper .image_links { display: none; }
.image_frame:hover .image_wrapper img, .image_frame.hover .image_wrapper img { top: 0px; }
.image_frame:not(.no_link) .image_wrapper img:not(.ls-l) {
    margin-bottom: 0 !important;
}

@media only screen and (max-width: 767px){
#Top_bar #logo img.logo-mobile {
    padding-left: 5px!important;
}
	#Action_bar .social-menu a {
    font-size: 125%;
}
.white-text .wpb_wrapper {
	margin: 0 ;
}
}