/*
        Theme Name: Museum and Collections - Instance (Museum Child)
        Author: Obergine
        Template: museumwp
*/
@import url('../MandCPortal/style.css');


/**** Instance structure amends (additional elements) ****/
.aboutMuseumContainer {
    padding-top: 90px;
    padding-bottom: 70px;
}

.AboutImages .containerImg {margin-bottom:50px !important;}
.AboutImages .containerImg img:first-child {}
.AboutImages .containerImg img:last-child {    position: absolute;
    bottom: -15px;
    right: -75px;
}

.gettingHere {
    padding-bottom: 60px;
    padding-top: 60px;
    background-color: #434142;
 	text-align:center;
}

.gettingHere ul {
    padding-left: 0px;
    padding-bottom: 10px;
}

.gettingHere ul li, .gettingHere p {
    list-style-type: none;
    padding-left: 0px;
    color: #FFF;
 }

.gettingHere .openingRow {
    text-align: left;
}
.gettingHere .openingRow .col-md-6:nth-of-type(even) .DaysAndTimes {
    text-align: right;
}

.gettingHere h2 {
    color: #FFF;
    text-align: center;
    text-transform: unset;
    font-size: 27px;
}
.gettingHere h2::before {
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    position: relative;
}
.H2GettingHere::before {
    background-image: url("images/icons/Icon_Location_white.svg");
    background-size: 22px 31px;
    width: 30px;
    height: 26px;
    margin-right: 5px;
    margin-bottom: -2px;
    padding-bottom: 34px;
    top: 5px;
}

.H2openingHours::before {
    background-image: url("images/icons/Icon_Time_white.svg");
    background-size: 31px 24px;
    width: 34px;
    height: 24px;
    margin-right: 5px;
    top: 2px;
}

.H2ticketPrices::before {
    background-image: url("images/icons/Icon_Ticket_white.svg");
    background-size: 26px 24px;
    width: 33px;
    height: 24px;
    margin-right: 5px;
    top: 2px;
}

.DYKDetailCol {padding-top:0;min-height:600px;}
.DYKDetail {width: 670px;     position: absolute;left: -80px;top:135px;text-align: center;background: #fff;max-width: 90%;padding:30px 30px 90px;min-height:360px;}
.DYKDetail h2 {margin-top:-57px;}
.DYKh2:before {position: absolute;    top: -100px; left: calc(50% - 25px);}
.DYKImgCol  {padding:0;min-height:600px;}
.DYKImgCol img {
    width: 100%;
    max-height: 700px;
    height: auto;max-width:inherit;
}
.NumberingDYK {margin:70px auto 30px;}
#LessThanTenIndex,
#dykIndex {
    color: #50B046;
    font-size: 27px;
    font-weight: bold;
}
.DYKDetail .flex-direction-nav {position:absolute;bottom:-30px;right:30px;}

#siliconcounters-2.scicons1 {max-width:75px;}
#siliconcounters-2.scicons2 {max-width:150px;}
#siliconcounters-2.scicons3 {max-width:225px;}
.scicons1 .silicon-counters-per-row-4 ul li {width:100%;}
.scicons2 .silicon-counters-per-row-4 ul li {width:50%;}
.scicons3 .silicon-counters-per-row-4 ul li {width:33%;}



.home .JoinSubscribe {background-size:cover;}
.JoinCommH2:before, .SubscribeH2:before {display:none;}
.JoinCommH2, .SubscribeH2 { margin-bottom:-27px;}
.JoinComm, .KeepInTouch {padding:57px 30px 10px;background:#fff;overflow:hidden;}

.Subscribe .formButtons input,.Newsletter .txtsub, .Newsletter .FormField input[type="text"], .Newsletter .FormField input[type="email"] {height:50px;}
.Newsletter .FormField input[type="text"], .Newsletter .FormField input[type="email"] {background-color:white;background-image:none;}
.Subscribe .formButtons input {font-size:19px;}
.Subscribe nf-field:nth-last-of-type(2) {width:60%;margin-right:5%;}
.Subscribe nf-field:nth-last-of-type(1) {width:35%;}
.home .Subscribe.Newsletter .checkbox li {float:left;}
.Subscribe .checkbox li {width:33%;}
.Subscribe.Newsletter input[type="email"] {
    border-right: 1px solid #808080;
}
.Subscribe .checkbox label:before {background: url('images/icons/Icon_Tick.svg') left -1px no-repeat;background-size:20px;}
.Subscribe .checkbox label.nf-checked-label:before {background-position:left -57px;}


.mapContainer li > h2 {display:none;}
.MapInsideDiv {padding-top:60px;}
.mapContainer .Section2 p {font-weight:bold;margin-bottom:20px;}

footer {padding-top:60px;background-image:none;}
footer h3 {padding-top:0;border:none;}
footer ul {padding:0;}
footer hr {width:100%;}

footer .nf-form-wrap .nf-form-fields-required {display:none;}
footer .Subscribe .checkbox li {width:45%;}
footer .Subscribe nf-field:nth-last-of-type(2), footer .Subscribe nf-field:nth-last-of-type(1) {width:100%;}
footer .field-wrap input[type=button] {width:100%;}
	footer .field-wrap input[type=button]:hover {background-color:#282828 !important;}

footer nf-field .nf-after-field {position:relative;bottom:auto;}
footer .nf-error-msg {color:#fff;}
footer input[type="email"] {background-color:#fff;background-image:none;}
footer .IconLink {padding-left:5px;}

.textwidget .icon {background-position:0 50%;}
.sidecarItem > h3.icon > div, h3.MCXXXHeading, h2.MCXXXHeading {display:inline;}

.tribe_events {margin-top:60px;}

#Tabs ul#tabList li {width:19%;}

.comment-form input[type="submit"] {border:none !important;}

.MCItemInner .DarkOverlay {display:none;}

.dropdown-menu
{
	z-index: 99999;
}

@media only screen and (max-width: 1280px) {
	body header .topbar
	{
		display: block;
	}

	body .nav-icons-item
	{
		float: none !important;
	}
	
	.TopNav1 {
		width: 100%;
	}
	
	

	.gettingHere .openingRow .col-md-6:nth-of-type(2n) .DaysAndTimes ,
	.gettingHere .openingRow{
		text-align: center;
	}	
	
	.gettingHere .openingRow .col-md-6 {
		width: 100%;
	}
}

@media only screen and (max-width: 1280px) and (min-width: 768px) {	
	#wrap .row.gettingHere .col-md-3 {
		width: 33.33333333%;
	}	
	#wrap .row.gettingHere .col-md-1 {
		display:none;
	}
}

@media only screen and (max-width: 1280px) and (min-width: 992px) {	
	.ow-navigation .navbar-nav > li:first-of-type > a
	{
		padding-left: 0px !important;
	}
	
}

@media only screen and (max-width: 992px) {
	.AboutImages .containerImg img:last-child {    
		bottom: -15px;
		right: 0;
		max-width:40%;
	}
	
	.DYKh2:before {display:none;}
	.DYKDetailCol {min-height:360px;padding-top:0;}
	.DYKImgCol {min-height:auto;}
	.DYKDetail {width: 100%;
    position: relative;
    left: auto;
    top: auto;
    max-width: 100%;
    padding: 30px 30px 30px;
    min-height: auto;
    margin-top: -70px;}
	.NumberingDYK {margin-top:30px;}
	
	.JoinCol6 {margin-bottom:20px;}
	
	 .ow-navigation .ddl-switch {
		padding: 0px !important;
		right: 10px !important;
	}
	
}

.page-template-hub .DefaultContent, .page-template-collectionspage .DefaultContent, 
#Tabs ul#tabList li, div.mobileTab, #Tabs ul#tabList {background-color:#e8e8e8;}

body.single-exhibition .CarouselItem .AssetTooltip {background-color:#3d3d40;}
body.single-exhibition .CarouselItem .arrow-down {border-top-color:#3d3d40;}

.HubContainer .MCItemInner {
	margin-bottom:30px;
}


/**** / Instsance structure amends ****/

/* arrows */
.wrapInstancecole .MCItem .MCItemDetails p.linkthrough:after {background-image:url('images/svg/cole/Icon_Arrow.svg');}
.wrapInstancecole .MCItem:hover p.linkthrough:after {background-image:url('images/svg/Icon_Arrow_White.svg');}
.wrapInstancecole .GalleryActiviyItem .searchheading.active {background-image:url('images/svg/cole/Icon_Minus.svg');}
.wrapInstancecole .opening {background-image:url('images/svg/cole/Icon_Opening_times.svg');background-size:30px;}
.wrapInstancecole .admission {background-image:url('images/svg/cole/Icon_Admission.svg');background-size:30px;}

h1:not(.classy)::after,
h2:not(.classy)::after,
footer .footer_top_holder>.container,
footer .footer_top_holder h3:not(.classy)::after,
footer .FooterBottom>.container,
.MapInsideDiv,
.DefaultContent table th,
.formButtons input,
.formButtons input[type="submit"],
#mc_portal_slider .btn-mcPortal:hover,
.btn-mcPortal:hover,
input[type="button"].formButtons,
#main .sidebar-right .sidebar-widget .tagcloud a:hover,
#main .primary-sidebar .sidebar-widget .tagcloud a:hover,
#mc_portal_slider .flex-caption h1,
#mc_portal_slider .flex-caption h2.DummyH1Hero,
#mc_portal_slider .flex-caption h1 span,
#mc_portal_slider .flex-caption h2.DummyH1Hero span,
.visitus,
.MCItemDetails h3,
.MCItemDetails h3 span,
h3 span,
.MCItem:hover .MCItemDetails,
#main .MCItem:hover .MCItemInner,
.EventsArea .col-md-4 .FilterArea .MCFilter.memfilter-current,
.EventsArea .col-md-5 .FilterArea .MCFilter.memfilter-current,
    header #menu-main-menu>li>a:hover:after,
    header #menu-main-menu>li.active>a:after,
    header #menu-auto-menu-from-pages>li>a:hover:after,
    header #menu-auto-menu-from-pages>li.active>a:after,
    .current-page-ancestor a:after,
/*body.single-exhibition #main .YellowBtn,
body.single-exhibition .YellowBtn,
body.single-exhibition #main .CarouselContainer,
body.single-exhibition .CarouselContainer .ExploreExhibition,
body.single-exhibition .HotspotOuter .AssetTooltip,
body.single-exhibition .hotspot,
body.single-exhibition .hotspot:hover,*/
body.single-exhibition #main .YellowBtn:hover,
body.single-exhibition .YellowBtn:hover,
.CarouselContainer .flexslider,
.single-post .widget-title,
.single-post .comment-reply-title,
.MCFilter:hover,
.MCXXXHeading .MCXXXHeadingSub,
	.page-template-merleventslisting .page-title, .page-template-merlcollectionspage .page-title, .page-template-newsandviews .page-title, .page-template-merlvisitus .page-title, .page-template-merlcollectionlisting .page-title,
.page-template-newsandviews .col-md-3.MobileB30 h2, .page-template-merleventslisting .col-md-3.MobileB30 h2, .page-template-merleventslisting .ObjectsRowOuter .col-lg-9 h2,
h1 .MCXXXHeadingSub,.MCXXXHeadingSub, footer, h1, .page-title, .single-post .widget-title, .single-post .comment-reply-title,
h1>span, .page-title>span, .single-post .widget-title>span, .single-post .comment-reply-title>span,
#cookie-notice .cn-button, .flex-direction-nav a:hover,
.Subscribe .formButtons input[type="submit"]:hover, .Subscribe .formButtons input[type="button"]:hover, 
.comment-form input[type="submit"]:hover, .sidecarItem h3, .sidecarItem > h3.icon > div,
h3.MCXXXHeading, h2.MCXXXHeading, .MCXXXHeading span, .AZAlpha, .AlphabetsDiv ul li:hover, .GalleryActiviyItem.AlphaOuter.active .title
,h1>span,h2>span,h3>span, .sidecarItem h3 span,
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover,
body .ow-navigation .navbar-nav .dropdown-menu > .active > a, 
body .ow-navigation .navbar-nav .dropdown-menu > .active > a:focus, 
body .ow-navigation .navbar-nav .dropdown-menu > .active > a:hover,
body .ow-navigation .dropdown-menu > li > a:focus, 
body .ow-navigation .dropdown-menu > li > a:hover,
input[type="button"].formButtons:hover,
input[type="button"].formButtons:focus
{
	background-color:var(--colour-primary);
}

body .ow-navigation .navbar-nav .dropdown-menu > .active > a, 
body .ow-navigation .navbar-nav .dropdown-menu > .active > a:focus, 
body .ow-navigation .navbar-nav .dropdown-menu > .active > a:hover,
body .ow-navigation .dropdown-menu > li > a:focus, 
body .ow-navigation .dropdown-menu > li > a:hover,
body .ow-navigation .navbar-nav .dropdown-menu > .active > a span, 
body .ow-navigation .navbar-nav .dropdown-menu > .active > a:focus span, 
body .ow-navigation .navbar-nav .dropdown-menu > .active > a:hover span,
body .ow-navigation .dropdown-menu > li > a:focus span, 
body .ow-navigation .dropdown-menu > li > a:hover span
{
	color:#ffffff;
}

body.single-exhibition .MerlCarousel .CarouselItem.active,
.DefaultContent table th,
#Tabs ul#tabList li.active,
.merlgridouter:hover .merltitlebottom,
.GalleryItem:hover .GalleryItemText,
.GalleryItem:hover .GalleryItemHubText,
.custommegamenu,
.social a:hover .custom-icon,
    #Tabs .TabContents .tabContent .mobileTab.active, 
h1>span,h2>span,h3>span, .sidecarItem h3 span, .page-title>span, .single-post .widget-title>span, .single-post .comment-reply-title>span	
{
	border-color:var(--colour-primary);
}

 .single-post #main .sidebar-right .sidebar-widget a.SinglePostLink,
.single-post #main .sidebar-right .sidebar-widget .tribe-events-widget-link a,
.single-post #main .sidebar-right .sidebar-widget a.NewsLinkSidecar,
.single-tribe_events #tribe-events-content .tribe-events-back a:hover,
.MCFilter .allcount,
body.single-exhibition .ExhibitionFtr a .custom-icon:hover,
   header #menu-main-menu>li.active>a span,
    .current-page-ancestor a span,
.EventsArea .col-md-5 .FilterArea .MCFilter .count,
.EventsArea .col-md-5 .FilterArea .MCFilter .allcount,
.EventsArea .col-md-4 .FilterArea .MCFilter .count,
.EventsArea .col-md-4 .FilterArea .MCFilter .allcount,
.MCItem:hover h3 span,
.MCItem:hover .MCItemDetails h3,
.badgecircle,
.Merlloader,
.MCItemDetails p,
.refItem span,
.social a:hover .custom-icon,
.badgecircle,
#main a:not(.btn),
header #menu-auto-menu-from-pages .custommegamenu .OpeningTimes a.NormalLink,
.EventsListingInner .whatson .slider_box h3 a,
.EventCalendar .box_content_inner h3.entry-title,
.HasYellowLinks a,
.TopNav1 ul li a:hover,
.TopNav1 ul li.active div,
.TopNav1 ul li.active div span,
header .nav-icons-item li a:hover span,
#main.CollectionAtoZ .GalleryActiviyAnswer a:hover,
.countouter,
.Pink,
.comment-author b,
.blog-post-info.entry-meta i,
#main .sidebar-right .sidebar-widget ul li,
#main .primary-sidebar .sidebar-widget ul li,
#breadcrumb span:last-child span,
.GalleryActiviyItem .searchheading.active .title,
#main .tribe-events-sub-nav li a:hover,
#LessThanTenIndex, #dykIndex,
body.single-exhibition .CarouselItem.active h5.AssetName
{
/*color:#50B046;*/
color:var(--colour-primary);

}

header .nav-icons-item li a:hover .header-icon .stroke
{
/*fill:#50B046;*/
fill:var(--colour-primary);

}

.MCItem:hover h3 span {border-color:var(--colour-secondary);}

.owl-carousel h2,
.mapContainer h3,
h1>span>a, h2>span>a, 
body.single-exhibition .CarouselContainer .ExploreExhibition,
body.single-exhibition .CarouselItem:not(.active) h5.AssetName
{
color:var(--colour-secondary) !important;

}


body.single-exhibition .CarouselItem.active h5.AssetName,
body.single-exhibition .navbar-toggle:hover .icon-bar
{
	background-color:var(--colour-secondary) !important;
}
#menu-headertop .current-page-ancestor a:after {
    content: "";
    width: 0%;
    height: 0px;
    background-color: transparent;
    display: none;
}

