/*
Theme Name:   My OHCOW Revised
Description:  Revised My OHCOW child theme maintained by Wright Web Designs Inc.
Author:       Wright Web Designs Inc.
Template:     wp-bootstrap-starter
Version:      1.0.1
Text Domain:  my-ohcow-revised
*/

/*@import url('https://fonts.googleapis.com/css2?family=Signika:wght@400;500;700&display=swap');*/

:root {
	--primary: #111c24 !important;
	--secondary: #0098A0 !important;
	--tertiary: #E00034;
	--text: #111c24;
	--text-light: #eee;
	
	--background-black: #000;
	--background-light: #eee;
	--background-grey: #6d6d6d;
	--border: #ddd;
}

html, body { overflow-x: hidden; }
textarea:focus, select:focus, input:focus, button:focus, a:focus { box-shadow: none !important; outline: none !important; }


html,body,p,li,td,button,input { color: var(--text); font-family: 'Roboto','Arial'; font-size: 16px; font-weight: 400; line-height: 1.4em; }
h1,h2,h3,h4,h5,h6 { color: var(--primary); font-family: 'Signika','Arial'; font-weight: 700; line-height: 1.4em; }
h1 { font-size: 30px; }
h2 { font-size: 26px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

.fw400 { font-weight: 400; }
p.strong, .strong, .bold, .fw700 { font-weight: 700; line-height: 1.4em }
.underline { text-decoration: underline }

a { color: #3A5A70; }
a:hover,a:visited { color: #3A5A70; text-decoration: none; }

.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark p, .dark li, .dark a, .dark td, .dark div, .dark span { color: #fff !important; }
.largetext p, .largetext a, .largetext span { font-size: 20px; }

#page { position: relative; }
.page-content, .entry-content, .entry-summary { margin-top: 0; }
header#masthead { background: #fff; box-shadow: 0 5px 10px #ccc; width: 100%; position: relative; z-index: 5000;}
.navbar { display: block; }
header#masthead #logo img { height: auto; max-width: 300px; max-height: 150px; width: 100%; }

/* Main Title */
#main_title { margin-bottom: 30px }

/* Navigation */
.navbar button { float: right; margin-left: 20px; }
header#masthead a { display: inline-block; color: var(--primary) !important; font-size: 16px !important; font-weight: 500; }
header#masthead a:hover { text-decoration: none; color: var(--secondary) !important; font-weight: 500 !important; }
header#masthead #navbtn { position: absolute; top: -40px; right: 15px; color: #fff; font-size: 30px; border: none; padding: 0 !important; }
header#masthead #iconlinks { position: absolute; top: -70px; right: 15px; }
header#masthead #iconlinks a { font-size: 20px !important; }
header#masthead #iconlinks a i { font-size: 20px !important; }
header#masthead #iconlinks #headersearchbutton span { display: none; }

header#masthead .menu { list-style: none; display: block; margin: 0; padding: 0; background: transparent } 
header#masthead .menu > li { padding: 0; margin: 0; display: inline-block }
header#masthead #myaccountmenu { padding: 0; margin: 0 0 0 20px; list-style: none; display: inline-block; background: var(--secondary); position: relative; }
header#masthead #myaccountmenu > a { padding: 10px 20px; }
header#masthead #myaccountmenu > a i { color: var(--text) !important; margin-right: 10px; display: inline-block; }
header#masthead #myaccountmenu > ul { background: #fff; border: 1px solid var(--background-grey); list-style: none; padding: 5px 0; margin: 0; position: absolute; top: 35px; left: 0; display: none; width: 100%; z-index: 2; }
header#masthead #myaccountmenu:hover > ul { display: block; }
header#masthead #myaccountmenu > ul > li > a { color: var(--text) !important; padding: 10px; display: block; }

.dropdown-menu { left: 10px; top: 95% !important; } 

header#masthead #topbar { display: none; }

header#masthead #middlebar #search { text-align: right; }
header#masthead #middlebar { background: var(--background-black); padding-top: 20px; padding-bottom: 20px; }
header#masthead #middlebar * { color: var(--text-light) !important; font-size: 15px !important; }

header#masthead #bottombar { display: none; }
header#masthead #bottombar ul.navbar-nav > li > a { padding: 10px }

header#masthead #mobilebar { display: block; }

header#masthead #headersearchinput { background: var(--background-light); padding-left: 15px; padding-right: 15px; }

header#masthead ul.navbar-nav > li ul { background: var(--background-light); border: none; border-radius: 0; padding: 0 10px; min-width: 160px; }
header#masthead ul.navbar-nav > li ul li a { /*font-size: 14px !important;*/ color: var(--text) !important; display: block; line-height: 1.2em; border-bottom: 1px solid var(--border); }
header#masthead ul.navbar-nav > li ul li a:hover { color: #e00034 !important }
header#masthead ul.navbar-nav > li ul li:last-child > a { border-bottom: none;  }


/* Button */
.vc_btn3, .btn, input[type=button], input[type=submit], button.components-button, .wc-block-cart__submit, .wc-block-components-checkout-place-order-button {  }
.button:hover, .vc_btn3:hover, .btn:hover, input[type=button]:hover, input[type=submit]:hover, button.components-button:hover, .wc-block-cart__submit:hover  { /* background: #666666 !important; */ }
.btn { padding: .75rem .75rem; }
.wc-block-cart__submit .wc-block-components-button__text, .wc-block-components-checkout-place-order-button .wc-block-components-button__text { color: #FFF }
.btn.btn-primary, .wc-block-cart__submit, .wc-block-components-checkout-place-order-button { border-color: #DD2E32; background-color: #DD2E32; color: #fff; }
.wc-block-components-checkout-place-order-button { box-shadow: none }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, 
.wc-block-cart__submit:hover, .wc-block-cart__submit:focus, .wc-block-cart__submit:active,
.wc-block-components-checkout-place-order-button:hover, .wc-block-components-checkout-place-order-button:focus, .wc-block-components-checkout-place-order-button:active { border-color: #b81e21; background-color: #b81e21 }
.btn.btn-secondary { border-color: #848484; background-color: #848484; color: #fff; }
.btn.btn-secondary:hover, .btn.btn-secondary:focus, .btn.btn-secondary:active { border-color: #6a6a6a; background-color: #6a6a6a }
.btn.btn-tertiary { border-color: #000000; background-color: #000000; color: #fff; }
.btn.btn-tertiary:hover, .btn.btn-tertiary:focus, .btn.btn-tertiary:active { border-color: #444; background-color: #444 }

button.navbar-toggler { padding: 10px !important; line-height: 1em !important; }

button.wc-block-components-panel__button { border: none !important; padding: 0 !important; line-height: 1.4em !important; }


/* Page Header */
#page-header {}
#page-header .title { font-size: 2.5rem; line-height: 1; margin-bottom: 1rem; }
#page-header .text p { font-size: 1.2rem }
#page-header .image img { width: 400px }
#page-header .image.imagefw img { width: auto }

/* Content */
#content { position: relative; z-index: 4000 }
body.page-id-50 #content,
body.single-event #content { padding-top: 50px !important; }

/* Register Popup */
.sgpb-content {  position: relative; }
.sgpb-content img.alignleft {  position: absolute; top: 30px; left: 30px; }
.sgpb-content h3 {  margin-top: 90px; }
.sgpb-content .ur-frontend-form {  padding: 0; border: none; margin-bottom: 0; }
.sgpb-content .ur-button-container { text-align: center; margin-bottom: 20px; }
.sgpb-content .ur-form-grid > div { display: block; text-align: center; margin-bottom: 20px; }
.sgpb-content .ur-button-container button, .sgpb-content .ur-form-grid > div .button { display: inline-block; background: var(--tertiary) !important; padding: 10px 30px !important; text-transform: uppercase; margin-left: auto; margin-right: auto; border-radius: 0; float: none; color: #fff !important; }
#user-registration.horizontal, #user-registration { box-shadow: none; }
.sgpb-content .form-row { margin: 20px 0 0 0; width: 100%; display: block; }
.sgpb-content .form-row label { width: 100%; display: block !important; text-align: left; }
.sgpb-content .form-row .input-wrapper { width: 100%; display: block; }
.sgpb-content .form-row input, .sgpb-content .form-row select { border: 2px solid #000; }
.sgpb-content .field-checkbox ul { padding-left: 0; }
.sgpb-content .field-checkbox ul li { text-align: left; }
.sgpb-content .field-checkbox ul li label { display: inline-block !important; width: auto; }

/* Events */
#em-wrapper, #em-wrapper * { --accent-color: #e91e26; --accent-color-hover: #333333; --default-border: #7F7F7F !important }
.em.em-view-container { padding-top: 10px }
.em.em-search { margin-top: 0 }
.em.em-search .em-search-main.em-search-main-bar > .em-search-submit { margin-left: 15px; border-radius: 5px }
.em.em-search .em-search-main.em-search-main-bar > .em-search-submit:hover { background-color: #111C24; color: #e91e26 !important }
.em.em-list { margin-bottom: 10px }
.em.em-list .em-item { grid-template-columns: minmax(0,.75fr) 2.25fr }
.em.em-list .em-item .em-item-info h3.em-item-title { font-size: 1.7em !important }
.em.em-list .em-item .em-item-info .button { border-width: 2px !important }
.em.em-list .em-item .em-item-info .button.em-event-book-now { margin-left: 10px }

.em-event-bookings-meta { display: none }

.em-booking-section-title { padding: 5px 15px !important; background-color: #dd2e32 !important; border-color: #dd2e32 !important; font-size: 22px; font-weight: 400;} 

.em .em-event-content p { font-size: 1.1rem !important; line-height: 1.5 !important; }

.em.em-event-booking-form h3.em-booking-section-title { background-color: #7F7F7F; border-color: #6D6D6D; color: #FFF; }

/* OHCOW Tabs */
.vc_tta.vc_general.ohcow-tabs,
.vc_tta.vc_general.ohcow-tabs .vc_tta-panel-body { overflow: visible } 
.vc_tta.vc_general.ohcow-tabs .vc_tta-tab > a { background-color: transparent; color: #2C2C2C; padding: 3px 10px; font-weight: 700; min-width: 75px; font-size: 20px; }
.vc_tta.vc_general.ohcow-tabs .vc_tta-tab > a:hover { background-color: #FFF0F1;}
.vc_tta.vc_general.ohcow-tabs .vc_tta-tab.vc_active > a { background-color: #F9D9DA; color: #2C2C2C; }
.vc_tta.vc_general.ohcow-tabs .vc_tta-tab.vc_active > a:hover { background-color: #F9D9DA; }

/* POST LOOP ITEMS */
/*.atc-container, .atc-container > .row, .atc-item { overflow: visible }*/
.atc-item { max-width: 330px; margin: 0 auto; margin-bottom: 30px; border: 3px solid #6D6D6D; transition: all .2s ease-in-out; overflow: hidden }
.atc-item:hover { transform: scale(1.0125); box-shadow: rgba(100, 100, 111, 0.4) 0px 3px 15px 0px; }
.atc-item.tax-tools_apps_cat { border-color: #E30C0C }

.atc-item > a { display: block; padding: 22px; color: #5D5D5D }
.atc-item .item-tag, .atc-item .item-img, .atc-item .item-title, .atc-item .item-excerpt { display: block; margin-bottom: 15px }
.atc-item .item-tag { font-size: 1.1rem; text-transform: uppercase }
.atc-item .item-img { width: 100%; height: auto }
.atc-item .item-title { font-family: Signika, 'Arial'; font-size: 1.4rem; font-weight: 700 }
.atc-item.tax-tools_apps_cat .item-title { color: #E30C0C; }
.atc-item .item-excerpt { font-size: 1.1rem; line-height: 1.5; height: 188px; overflow: hidden; color: #2C2C2C;}
.atc-item .item-button { font-size: 1.2rem; transition: all .2s ease-in-out; margin: 0 auto; padding: 8px 10px; display: block; width: 200px; border: 2px solid #ccc; text-align: center; color: #2C2C2C; }
.atc-item.tax-tools_apps_cat:hover .item-button, .atc-item.tax-tools_apps_cat .item-button:hover { background-color: #F9D9DA; border-color: #F9D9DA; }

/* Contact */
.wpb_gmaps_widget .wpb_wrapper { padding: 0; }
.nf-form-fields-required { display: none; }
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea, .nf-form-content select { background: #fff !important; font-size: 14px !important; color: #000 !important; font-family: Signika !important; border-radius: 3px !important; border: 1px solid #c4c4c4 !important; }
.nf-form-content input:not([type=button])::placeholder, .nf-form-content textarea::placeholder { color: #000 !important; }
.nf-form-content textarea { height: 120px; }


/* Secondary */
#secondary .widget { margin-bottom: 30px }

section.error-404 { text-align: center; padding: 70px 0}

/* Footer */
footer#colophon { background: var(--background-black); padding-top: 30px; padding-bottom: 30px; /*margin-top: 30px*/ }
body.page-template-page-events footer#colophon { margin-top: 0 }
body.page-template-page-events #feedbackbanner { margin-top: 30px }
footer#colophon *:not(i) { color: #fff; font-family: Roboto, Arial; }
footer#colophon *:not(i) { color: #fff; font-family: Roboto, Arial; }
footer#colophon a:hover { color: var(--secondary); }
footer#colophon .col-12 { display: flex; flex-direction: column; text-align: center; align-items: center; }
footer#colophon #footercol2 .custom-html-widget a { background: var(--tertiary); border-radius: 50%; text-align: center; width: 40px; line-height: 40px; color: #fff; display: inline-block; font-size: 24px; margin: 0 10px 10px 10px; }
footer#colophon #footercol2 .custom-html-widget a:hover { background: var(--secondary); }
footer#colophon #footercol2 #media_image-2 img { height: 50px !important; width: auto; margin-top: 20px; margin-bottom: 20px; }


div.grecaptcha-badge { display: none !important }

/* Large devices (Large desktops, more than 1199px) */
/* No media query since this is the default in MM */


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	body.admin-bar header#masthead { /*top: 32px;*/ }

	body.blog article .entry-content .post-thumbnail { float: right; margin-left: 20px; }
	body.blog article .entry-content .post-thumbnail img { width: unset; }
	

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#page-header .title { font-size: 3.75rem; }
	#page-header .text p { font-size: 1.25rem }
	#page-header .image { text-align: right }
	#page-header .image img { width: 385px }
	#page-header .image.imagefw img { width: auto }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#mobile_search { display: none; }
	.navbar-expand-xl .navbar-collapse { display: inline-block !important; }
	#search { display: block; float: right; }
	#search input { width: 300px; }
	
	header#masthead #nav { display: flex; align-items: center; justify-content: flex-end; }
	header#masthead #iconlinks { position: relative; top: unset; right: unset; }
	
	#main-nav ul li:hover > ul { display: block; }
	
	header#masthead #mobilebar, header#masthead #navbtn { display: none; }
	
	header#masthead #topbar { display: block; background: var(--background-grey); }
	header#masthead #topbar *:not(i) { color: var(--text-light) !important; line-height: 1em; }
	header#masthead #topbar .menu > li { margin-left: 20px; }
	
	header#masthead #iconlinks a { margin-left: 20px; font-size: 20px !important; }
	header#masthead #iconlinks a i { font-size: 20px !important; }
	
	header#masthead #middlebar ul.navbar-nav > li { max-width: 160px; padding-left: 10px; padding-right: 0; }
	header#masthead #middlebar ul.navbar-nav > li > a { text-transform: uppercase !important; line-height: 1.2em; display: inline-block; white-space: normal; width: 100%; position: relative; font-family: Signika,'Arial'; padding-right: 15px; }
	header#masthead #middlebar ul.navbar-nav > li > a:after { position: absolute; top: 15px; right: 0; font-size: 20px; }
	header#masthead #middlebar .dropdown-menu a { color: var(--primary) !important; }

	header#masthead #bottombar { display: block; }
	header#masthead #bottombar #bottom-nav { display: block; }
	header#masthead #bottombar #menu-bottom-menu { display: flex; justify-content: center; flex-direction: row; }
	header#masthead #bottombar #menu-bottom-menu > li { margin: 0 20px; }
	header#masthead #bottombar ul.navbar-nav > li > a { text-transform: uppercase !important; line-height: 1.2em; display: block; width: 100%; position: relative; font-size: 14px !important; }
	header#masthead #bottombar ul.navbar-nav li > ul { position: absolute; top: 0; left: 0; z-index: 1; }
	header#masthead #bottombar ul.navbar-nav li:hover > ul { display: block; }
	
	header#masthead #iconlinks #headersearchbutton span { display: inline; }
	header#masthead #headersearchinput { padding-left: 0; padding-right: 0; }
	
	#page-header .title { font-size: 4.75rem; }
	#page-header .text p { font-size: 1.4rem }	
	
	footer#colophon #footercol1 { text-align: left; justify-content: flex-start; flex-direction: row; }
	footer#colophon #footercol3 { text-align: right; justify-content: flex-end; flex-direction: row; }
	
	.sgpb-content h3 {  margin-top: 40px; }
	.sgpb-content p { width: 70%; margin: auto; }
	.sgpb-content .ur-frontend-form { width: 70%; margin: auto; }
	.sgpb-content .form-row { margin: 20px 0 0 0; width: 100%; }
	.sgpb-content .form-row .input-wrapper input { width: 100%; }
	
	
	.atc-item { max-width: 100%; }
}

/* MEDIUM DEVICES ONLY */
@media only screen and (min-width: 992px) and (max-width: 1199px){
}

/* SMALL DEVICES ONLY */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}


/* Allows for ultra wide screen */
@media (min-width:1660px){ 
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width:1600px }
	.navbar-expand-xxl { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
	.navbar-expand-xxl .navbar-toggler { display: none; }
	.navbar-expand-xxl .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
	.navbar-expand-xxl .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
	.navbar-expand-xxl .navbar-nav .dropdown-menu { position: absolute; }
}