/*
Theme Name: Colormag Child
Description: Colormag Child Theme
Author: Tabitha Stapely
Template: colormag
Version: 1.0.0
*/

/*Top Mobile Header Menu disable in desktop*/
.mobile_top_menu{display: none;}

/* .adsbygoogle{display: none !important;} */

/*Main menu width 100%*/
.cm-header-builder .cm-bottom-row{display: inline-block !important; width: 100%;}
#mega-menu-item-53129 a.mega-menu-link:before{font-size: 26px !important; padding: 0px 7px;}

/*Header subscribe Button*/
.header_subscribe{background: #000; font-weight: 400;}
.header_subscribe:hover{ background: #623F88; border-color: #623F88; color: #fff !important;}

/*Medium Font SIze*/
.has-medium-font-size{font-size: 20px !important;}

/*Search icon and search popup*/
.cm-top-search{position: absolute; right: 0; z-index: 99999999; top: 4px;}

/*Landing Pages*/
.landing_page.cm-primary{width: 100%;}
.cm-header-bottom-row .cm-container{max-width: 100%;padding: 0;}

/* Footer Links On Hover */
body .cm-footer-builder .widget a:hover{ text-decoration: underline;}

/*Start background color of archive pages and events, notice, Jobs, Places*/
.post-type-archive-gd_notice #cm-content{ background-color: #e2f4f9;}
.post-type-archive-gd_event #cm-content{ background-color: #e2f4f9;}
.post-type-archive-gd_job #cm-content{ background-color: #e2f4f9;}
.post-type-archive-gd_notice #cm-content{ background-color: #e2f4f9;}
.post-type-archive-gd_place #cm-content{ background-color: #e2f4f9;}
/*Start background color of archive pages and events, notice, Jobs, Places*/


/*Start Category Shortcode Slider*/
.cat_post_slider .slide-title{font-weight: 600; font-size: 16px; line-height: 26px; margin-bottom: 10px; margin-top: 10px;}
.cat_post_slider_head{display: inline-block; width: 100%;margin-top: 30px;margin-bottom: 15px; padding-bottom: 8px; border-bottom: 1px solid #ccc;}
.cat_post_slider_head h3{float: left; margin-bottom: 0px;}
.cat_post_slider_head .view_all{ float: right;}
.owl-prev{position: absolute; top: 20%; background:#fff !important; width: 25px;}
.owl-next{position: absolute; top: 20%; background:#fff !important; width: 25px;right: 0;}
.owl-nav.disabled{display:block !important;}
.owl-nav button span{    font-size: 35px; line-height: 28px;}
.cat_post_slider_head h3 span{height: 10px;
    width: 10px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 26px;}
/*End Category Shortcode Slider*/


.cm-below-entry-meta a:hover, .cm-entry-header-meta a:hover {text-decoration: none;}
.geodir-categories-container .stretched-link:hover{text-decoration: none;}

/*Post Details Page category button underline disabled */
.cm-post-content .cm-post-categories a{text-decoration: none !important;}

/*Post Details Page category button underline disabled */
.single-post .wp-block-button__link{text-decoration: none !important;}

/*underline Post Content*/
body .cm-entry-summary p a{color: #000; text-decoration: underline;}
body .cm-entry-summary .geodir-category-list-view a{text-decoration: none;}
body .cm-entry-summary .geodir-category-list-view a:hover{text-decoration: underline;}

/*remove underline from events*/
body.geodir-page-cpt .cm-entry-summary a{color: #000; text-decoration: none;}
body.geodir-page-cpt .cm-entry-summary .geodir-entry-title a:hover{color: #000; text-decoration: underline;}

/* ALL COLORMAG CODE */

/*ColorMag pullquote styling*/
.wp-block-pullquote blockquote {
    color: #000000;
    background: #fffff6;
    padding-top: 0pt;
    padding-bottom: 0pt;
}

.wp-block-pullquote blockquote p {
    font-size: 18pt;
    margin: 0;
}

.wp-block-pullquote cite {
    font-size: 14pt;
    display: block;
    margin-top: 1em;
    color: #666;
}

blockquote p::before, 
.wp-block-quote p::before, 
.wp-block-quote.is-style-large p::before, 
.wp-block-quote.has-text-align-right p::before {
    color: #333;
}

/* ColorMag: what is this for??? (And who wrote it?) */
/* .cm-featured-category-slider .cm-slide-content .cm-entry-header-meta .cm-post-categories a {
    background: #ed6b09 !important;
} */
.cm-header-right-col .cm-top-search i.fa.fa-search.search-top:hover {
    background: none;
}

/* ALL MAX MEGA MENU SETTINGS (MMM) */

/* Sets background colour of sub menu */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #333333; /* v dark grey */
}

/* Sets font colour of h4 Meta Titles in sub menu (created by Tabitha) */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item h4.mega-block-title {
    color: #ffffff;
}

/* Sets font colour of menu item links in Grid sub menu (created by Tabitha) */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
    color: #ffffff;
}

/*MMM: Edit font colour of item in Grid sub menu (created by Tabitha) */ 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
	color: #FF69B4; /*pink for testing*/
}

/* ? what is this link colour for? Doesn't seem to change anything */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    color: #9c23e8; /*purple for testing*/
}

/* MMM: Overides WP to set the sub menu item link colour AND background in NORMAL state (DotSquares) */ 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #333333;
    color: #ffffff;
}

/* MMM: Overides WP to set the sub menu item link colour AND background on HOVER state (Dotsquares) */ 
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
    background: #333333;
    color: #ffffff;
}

/* MMM: Edit background hover colour of Borough menu item (created by Tabitha) */
#mega-menu-item-52935:hover > a.mega-menu-link {
    background-color: #623f88 !important; color:#fff !important; /* red */ 
}
#mega-menu-item-52935 ul{ background-color:#623f88 !important; padding-bottom: 10px !important;}
#mega-menu-item-52935 ul li a{ background-color:#623f88 !important; color: #fff;}
#mega-menu-item-52935 ul ul li{padding-bottom: 3px !important;}
#mega-menu-item-52935 ul h6{ color: #fff;}

/* MMM: Edit background hover colour of Bethnal Green menu item (created by Tabitha) */
#mega-menu-item-52706:hover > a.mega-menu-link {
    background-color:#2069a5 !important; color:#fff !important; /* blue */
}
#mega-menu-item-52706 ul{ background-color:#2069a5 !important; padding-bottom: 10px !important;}
#mega-menu-item-52706 ul li a{ background-color:#2069a5 !important; color: #fff;}
#mega-menu-item-52706 ul ul li{padding-bottom: 3px !important;}
#mega-menu-item-52706 ul h6{ color: #fff;}

/* MMM: Edit background hover colour of Poplar menu item (created by Tabitha) */
#mega-menu-item-52708:hover > a.mega-menu-link {
    background-color: #c31e34 !important; color:#fff !important;
}
#mega-menu-item-52708 ul{ background-color:#c31e34 !important; padding-bottom: 10px !important;}
#mega-menu-item-52708 ul li a{ background-color:#c31e34 !important; color: #fff;}
#mega-menu-item-52708 ul ul li{padding-bottom: 3px !important;}
#mega-menu-item-52708 ul h6{ color: #fff;}

/* MMM: Edit background hover colour of Roman Road menu item (created by Tabitha) */
#mega-menu-item-52709:hover > a.mega-menu-link {
    background-color: #e67129 !important; color:#fff !important;
}
#mega-menu-item-52709 ul{ background-color:#e67129 !important; padding-bottom: 10px !important;}
#mega-menu-item-52709 ul li a{ background-color:#e67129 !important; color: #fff;}
#mega-menu-item-52709 ul ul li{padding-bottom: 3px !important;}
#mega-menu-item-52709 ul h6{ color: #fff;}

/* MMM: Edit background hover colour of Whitechapel menu item (created by Tabitha) */
#mega-menu-item-52710:hover > a.mega-menu-link {
    background-color: #1e7d4d !important; color:#fff !important;
}
#mega-menu-item-52710 ul{ background-color:#1e7d4d !important; padding-bottom: 10px !important;}
#mega-menu-item-52710 ul li a{ background-color:#1e7d4d !important; color: #fff;}
#mega-menu-item-52710 ul ul li{padding-bottom: 3px !important;}
#mega-menu-item-52710 ul h6{ color: #fff;}

/* MMM: Edit background hover colour of LOCAL HUB menu item (created by Tabitha) */
#mega-menu-item-52792:hover > a.mega-menu-link {
    background-color: #93d3fe !important; color:#000 !important;
}
#mega-menu-item-52792 ul{ background-color:#93d3fe !important; padding-bottom: 10px !important;}
#mega-menu-item-52792 ul li a{ background-color:#93d3fe !important; color: #000 !important;}
#mega-menu-item-52792 ul ul li{padding-bottom: 3px !important;}
#mega-menu-item-52792 ul h6{ color: #000 !important;}

/* MMM: Edit background hover colour of YOUR SAY menu item (created by Tabitha) */

#mega-menu-item-53201 ul{ background-color:#ddd !important; padding-bottom: 10px !important;}
#mega-menu-item-53201 ul li a{ background-color:#ddd !important; color: #333 !important; border-left: 1px solid #333 !important;}
#mega-menu-item-53201 ul ul li{padding-bottom: 3px !important;}
#mega-menu-item-53201 ul h6{ color: #333;}

/* MMM: Edit width of sub menu to match width of main menu (created by DotSquares) */

@media only screen and (max-width: 768px) {
    .cm-header-bottom-row{border: 0px !important;}
    .cm-header-bottom-row .cm-container{padding: 0;}
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right { justify-content: inherit; }
    body .cm-header-builder .cm-bottom-row .cm-header-left-col{ display: inline-block;width: 100%;}

}



@media (max-width: 1199px){
header.cm-header-builder .cm-header-main-row {
    padding-top: 15px;
    padding-bottom: 15px;
}


header.cm-header-builder .cm-header-main-row img.custom-logo {
    width: 100%;
    max-width: 223px;
}

.cm-header-bottom-row #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 15px;
    font-size: 13px;
}


}

@media (max-width:991px){
header.cm-header-builder .cm-header-main-row img.custom-logo {
    width: 100%;
    max-width: 182px;
}

.cm-header-builder .cm-header-buttons .cm-header-button .cm-button {
    font-size: 12px;
    font-weight: 600;
}

.cm-header-builder  a.cm-button.header_subscribe {
    font-size: 12px;
    font-weight: 600;
}


#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
    padding: 0px 6px;
    font-size: 12px;
}

.cm-header-builder .cm-top-search .search-top::before {
    color: #fff;
    font-size: 17px;
}


.cm-header-builder .cm-top-search i.fa.fa-search.search-top {
    height: 44px !important;
}

}


@media (max-width:768px){

.mobile_top_menu{display: block; background-color: #E6F1F7; text-align: center;}
.mobile_top_menu ul li{display: inline-block; padding: 7px;}
.cm-header-builder .cm-header-top-row .cm-top-row {
    padding: 7px 0px;
    justify-content: center;
}

.cm-header-builder .cm-header-top-row .cm-top-row .cm-header-right-col {
    margin-left: 10px;
}

.cm-header-bottom-row .cm-container .cm-bottom-row .cm-header-left-col #mega-menu-wrap-primary .mega-menu-toggle {
    display: block;background: transparent;
}
.cm-header-bottom-row .cm-container .cm-bottom-row .cm-header-left-col #mega-menu-wrap-primary .mega-menu-toggle >div {
    width: 100%;
    align-items: center;
}

.cm-header-bottom-row .cm-container .cm-bottom-row .cm-header-left-col #mega-menu-wrap-primary .mega-menu-toggle  .mega-toggle-blocks-right {
    padding: 9px 0px 0px;
}


.cm-header-bottom-row .cm-container .cm-top-search {
    top: -1px;
    position: relative;
    right: 0;
    left: inherit;
    width: 100%;
}

.cm-header-bottom-row .cm-container .cm-top-search i.fa.fa-search.search-top {
    position: absolute;
    right: 0px;
    top: -40px;
    height: 38px;
}


.cm-header-builder .cm-bottom-row .cm-header-right-col .search-form-top.show {
    width: 100%;
}


.cm-header-builder .cm-bottom-row .cm-header-right-col .search-form-top.show {
    width: 100%;
    left: 0;
    right: 0;
    padding: 13px 10px;
    position: absolute;
    box-sizing: border-box;
}
.cm-header-builder .cm-bottom-row .cm-header-right-col .search-form-top.show input.s.field {
    width: 100%;
}



}