/*
 Theme Name:   CueCollege Theme
 Theme URI:    http://www.wpbeginner.com/
 Description:  A Twenty Sixteen child theme 
 Author:       GMCT Soltuions
 Author URI:   http://www.gmctsolutions.com
 Template:     twentysixteen
 Version:      1.1.9
*/

body{
 	font-family: sans-serif;
 }
 /*content area*/
 .content-area{
/* 	width: 100%;*/
 	margin: 0 10px;
 }
 
.sup-tm::after {
    content: "TM";
    vertical-align: super;
    font-size: 10px;
}

/*Overrides from parent theme*/
.entry-content ul{
	margin-left: 20px;
}
@media screen and (min-width: 44.375em){
    body:not(.custom-background-image):before, body:not(.custom-background-image):after {
        height:0;
    }
}
 
/*Header - masthead and menu*/
.site-header{
	padding: 2em 7.6923%;
}
.site-header-main{
	align-items: center;
}
/*Menu items*/
.menu-item{
	background-color: white;
}
.menu-item .canvas-menu:hover a::after{
    content: '(click to access your courses \2192 Canvas)';
    font-size: 12px;
}

/*Footer*/
.footer-upper{
	display: block;
	width: 100%;
	clear:both;
	font-family: sans-serif;
}
.site-footer .main-navigation{
	display:none;
}
.footer-page{
	color: #233d78;
   	text-decoration: none;
	box-shadow: none !important;
	font-size: 2em;
	font-weight: 700;
}
.footer-logo img{
	width: 40%;
	margin: 0 auto 8px;
	display: flex;
}
.footer-lower{
	width: 100%;
	text-align: center;
	font-size: 12px;
	margin: 10px 0 0;
}
.footer-lower p{
	margin:0;
}
a.footer-page.xoo-qv-button .xoo-qv-btn-icon{
    display:none;
}
a.footer-page.xoo-qv-button{
    color: #233d78;
    text-decoration: none;
    box-shadow: none !important;
    font-size: 2em;
    font-weight: 700;
    border: none;
    padding: 0;
    line-height: inherit;
}
.su-btn-space{
    margin: 4px;
}

/*Homepage Specific*/
.upper-links{
	display:none;
}
.upper-links::before{
	content: "Quick Links:";
	float: left;
	font-weight: bold;
}
.upper-links li:hover{
	background-color: #e6f2ff;
}
.new-upper-links .menu > li{
    position:relative;
}
.new-upper-links li:hover, .new-upper-links li:focus{
	background-color: #e6f2ff;
}
.new-upper-links .menu > li a:hover{
    text-decoration:none;
}
.new-upper-links .sub-menu{
    display:block;
    position:absolute;
    border-radius: 2px 6px 6px 6px;
    background-color: #318fce;
    width: fit-content;
    left: -999em;
    z-index: 999;
}
.new-upper-links li:hover > .sub-menu, .new-upper-links li:focus-within .sub-menu{
    left: 15px;
}
.new-upper-links .sub-menu li{
    background-color: unset;
    padding: 2px 8px;
    white-space: nowrap;
}
.new-upper-links .sub-menu li:not(:last-of-type){
    border-bottom: 1px solid #fff;
}
.new-upper-links .sub-menu li:hover, .new-upper-links .sub-menu li:focus{
    background-color: #44c0dc;
}
.new-upper-links .sub-menu li a{
    color: #fff;
}
.new-upper-links .sub-menu li:hover a, .new-upper-links .sub-menu li:focus a{
    color: #233d78;
}
/***Account Menu Icons - logged in vs not logged in***/
.new-upper-links .ql-login-icon > a::after{
    content: " Sign In";
    color:#007acc;
    font-family: sans-serif;
    vertical-align: text-bottom;
    font-size: 14px;
}
.logged-in .new-upper-links .ql-login-icon > a::after{
    content: "My Account";
    color:#007acc;
}
.new-upper-links .is-logged{
    display:none;
}
.logged-in .new-upper-links .is-logged{
    display:block;
}
/*
.new-upper-links .is-logged, .main-navigation .is-logged, #menu-item-4775 a::after, #menu-item-4775 .sub-menu{
    display:none;
}
.main-navigation #menu-item-4775.menu-item-has-children > a {
    padding-right: 0.875em;
}
.logged-in .main-navigation #menu-item-4775.menu-item-has-children > a {
    padding-right: 2.25em;
}
.logged-in #menu-item-4775 a::after{
    display:inline-block;
}
.logged-in .new-upper-links .is-logged, .logged-in .main-navigation .is-logged, .logged-in #menu-item-4775 .sub-menu{
    display:block;
}
*/

.home-video-section{
    position:relative;
    margin-bottom:40px;
}
.video-btns{
	position: absolute;
	bottom: 0px;
	right:0px;
	text-align: right;
	margin-right: 1em;
}
.new-home-secs > div, .new-home-area > div{
    margin-bottom:60px;
}
.new-home-secs > div:not(:first-of-type){
    border: 3px outset;
    border-radius: 10px;
    padding: 6px 8px 24px;
}
.new-home-secs > div:nth-of-type(even){
    background-color:#c0d7e2;
}
.new-home-secs > div:nth-of-type(odd){
    background-color:#1e73be;
    color:white;
    border-style:ridge;
}
.home-box1{
    border-radius:10px;width:fit-content;text-align:center;padding:14px;border-width:3px;border-style:outset;
}
.home-top-box{
    border-radius:10px;width:100%;padding:14px;border-width:3px;border-style:outset;
}
.home-top-box p{
    margin-bottom: 10px;
}
.home-top-box .home-top-flex{
    display:block;
    position:relative;
}
.home-top-box .home-top-flex .side-title{
    flex: 1;
    font-size: 3em;
    align-self: flex-start;
    line-height:1.5;
}
.home-top-box .home-top-flex .top-flex-main{
    flex:1;flex-grow:3;margin-top:1em;
}
.home-top-box figure{
    margin: 1em auto 0;
}
.home-top-box figure a img, .home-top-box figure .new-pg-pop img{
    border:1px solid #0066bf;
}
.home-top-box figure figcaption{
    font-size: 12px;
    font-style: italic;
    text-align:center;
}
.home-sec-grid{
    display:grid;
    grid-template-columns: auto;
    grid-gap: 40px;
}
.home-sec-grid .sec-grid-box{
    display:flex;
    flex-direction:column;
}
.home-sec-grid .sec-grid-box .sec-content{
    padding: 0 20px;
}
.home-sec-grid .sec-grid-box .sec-content p{
    margin-bottom:0;
}
.home-sec-grid .sec-grid-box .sec-content, .home-sec-grid .sec-grid-box a{
    flex:1;
}
.home-sec-grid .sec-grid-box a{
    margin-top:8px;
}
.home-sec-grid .sec-grid-box .sec-content h2{
    text-align:left;
    border-bottom: 1px solid #286091;
}
.sec-grid-box .sec-content a:hover h2, .sec-grid-box .sec-content a:focus h2{
    font-style:italic;
    color:#286091;
    text-decoration:overline;
}
.home-sec-grid .sec-grid-box:nth-of-type(odd) .sec-content, .home-sec-grid .sec-grid-box:nth-of-type(odd) .sec-content h2{
    text-align:left;
}
.home-sec-grid .sec-grid-box img{
    max-height: 350px;
}
.new-home-secs h2, .new-home-area h2{
    font-variant: small-caps;
    text-align:center;
}
.new-home-secs h3, .new-home-area h3{
    text-align:center;
    color:#233d78;
    padding:0 10px;
}
.home-feat-sec a:hover h3{
    color:#007acc;
}
.new-home-secs h2, .new-home-area h2{
    text-align:center;
    color:#0066bf;
}
.new-home-secs > div:nth-of-type(odd) h3{
    color:white;font-variant: small-caps;
}
.sec-boxes{display:flex;}
.sec-boxes .sec-flex-imgs{flex:1;padding:0 8px;}
.sec-boxes .sec-flex-imgs:first-child{padding-left:0;}
.sec-boxes .sec-flex-imgs:last-child{padding-right:0;}
.home-bottom-box{
    margin:auto;
    margin-bottom:inherit;
}
.new-home-secs a img, .new-home-area a img{
    border: 2px solid white;
}
.new-home-secs a:hover img, .new-home-area a:hover img, .new-home-area a:focus img{
    border: 2px solid yellow;
    filter: brightness(1.1);
}
/*HOME SECS IMAGE SLIDER*/
.home-sec-grid .sec-grid-box .sec-slides{
    position:relative;
}
.home-sec-grid .sec-grid-box .sec-slides .slide-holder{
    visibility:hidden;
}
.home-sec-grid .sec-grid-box .sec-slides .sec-slide{
    position:absolute;
    top:0;
    left:0;
    animation-name: slideshift;
    animation-duration: 6s;
    animation-iteration-count: infinite;
}
.home-sec-grid .sec-grid-box .sec-slides .sec-slide.first-slide{
    opacity:1;
    animation-direction: alternate;
}
.home-sec-grid .sec-grid-box .sec-slides .sec-slide.second-slide{
    opacity:0;
    animation-direction: alternate-reverse;
}
@keyframes slideshift {
  0% {opacity: 1;}
  30% {opacity: 1;}
  40% {opacity: 0.75;}
  50% {opacity: 0.5;}
  60% {opacity: 0.25;}
  70% {opacity: 0;}
  100% {opacity: 0;}
}

.two-col-home{
	display: inline-block;
	width: 100%;
}
.widget-homepage{
	float: none;
	display: block;
	margin-bottom: 5px;
}
.widget-homepage .widget-h-title{
	font-size: 18px;
	font-weight: bold;
	color: rgba(21, 158, 216, 1);
	padding: 2px;
	text-align:center;
	display: block;
	border-bottom:1px solid;
}
.widget-homepage:nth-child(2){
	border: 2px solid rgba(21, 158, 216, 1);
	border-radius: 5px;
}
.widget-homepage:nth-child(2) p{
	padding: 5px;
}
.widget-homepage:nth-child(1){
	border: 2px solid #233d78;
	border-radius: 5px;
	padding: 0 12px;
}
.widget-homepage:nth-child(1) p{
	padding: 5px;
}
.widget-homepage .mc-field-group input{
    font-size:12px;
}
.widget-homepage:nth-child(2)::before{
/*	content:"Upcoming Events";*/
	font-size: 1.2em;
	font-weight: bold;
	background-color: rgba(21, 158, 216, 1);
	padding: 5px;
	display: block;
}
/*.widget-homepage .wpforms-container{
	border: 3px solid rgba(21, 158, 216, 1);
	border-radius: 5px;
}*/
.widget-homepage .wpforms-container .wpforms-title{
	font-size: 1.2em;
	font-weight:bold;
}
.widget-homepage .wpforms-field-container{
	font-size: 1em;
}
.widget-homepage .wpforms-field{
	padding: 5px 0;
}
.widget-homepage .wpforms-field-container input{
	font-size: 0.7em;
}
.fam-reg-form .hidethisfield{
    visibility: hidden;
}
/**CUSTOM HONEYPOT FORM FIELD**/
.wpforms-container .from-special-field{
    display:none;
}
.foobosail::after{
    content: '\0040 cuecollege.org';
}

.home-3-box-btn{
    width:max-content;
}
.home-jobs-btn{
    margin-left:8px;
    background-color:#007acc;
    border-width:2px;
    border-style:groove;
    border-color:#0062a4;
}
.home-jobs-btn span{
    margin:10px;
}
.home-jobs-btn:hover{
    background-color:rgb(21, 158, 216);
    border-style:outset;
    border-color:#007acc;
}

/***2020 TEMPLATE PAGE STYLES***/
/*FOR THE PARENT PAGES*/
.new-2020-template.not-home-page .parent-page-menu{
    display: flex;
    flex-wrap:wrap;
}
.new-2020-template.not-home-page .parent-page-menu .parent-page-child{
    flex:1;
    border: 2px solid;
    border-radius: 10px;
    margin: 0 10px;
}
.new-2020-template.not-home-page .parent-page-menu .parent-page-child a{
    display:flex;
    flex-direction:column;
    width:100%;
    height:100%;
    padding: 10px;
    border-radius: 10px;
}
.new-2020-template.not-home-page .parent-page-menu .parent-page-child a:hover, .new-2020-template.not-home-page .parent-page-menu .parent-page-child a:focus{
    background-color: #d2d2d2;
    background-color: #dadde8;
    filter:brightness(1.1);
}
.new-2020-template.not-home-page .parent-page-menu .parent-page-child h2{
    text-align:center;
    flex:1;
}
.new-2020-template.not-home-page .parent-page-menu .parent-page-child .child-img{
    display: block;
    margin:auto;
    border-radius:10px;
}

/***BREADCRUMBS AND SUB-PAGE MENUS***/
.new-2020-template .entry-header .new-breadcrumbs{
    font-weight:normal;
    font-style: italic;
}
.submenu-area{
    display:block;
    width:100%;
    padding: 2px;
    background-color:#318fce4a;
    border-radius:6px;
}
.submenu-content{
    display:block;
    margin:auto;
    width:fit-content;
}
.submenu-content > h3{
    display:inline-block;
    color: #233d78;
    font-variant: all-petite-caps;
}
.sub-pages-menu-container{
    padding: 6px;
    display:inline-block;
    border-radius: 6px;
    width:fit-content;
    margin:auto;
}
.sub-page-menu{
    list-style-type:none;
    margin:0;
}
.sub-page-menu .menu-item{
    width:max-content;
    display:inline-block;
    margin:auto;
    padding: 0 8px;
    background-color:transparent;
}
.sub-page-menu .menu-item:not(:last-child){
    border-right: 1px solid;
    padding-right: 12px;
}
.sub-page-menu .current-menu-item a{
    color: rgb(115, 123, 140);
    color: rgba(255,255,255,0.4);
    /* text-decoration: underline; */
    font-weight: bold;
    text-shadow: 0 -1px rgb(17, 34, 74);
}

.new-2020-template.not-home-page .entry-header h2{
    display:block;
    text-align:center;
    text-transform:uppercase;
    color: #233d78;
    font-weight: 900;
    font-size:2em;
    line-height: 1.25;
}
.new-2020-template.not-home-page .page-sections{
    border: 2px solid;
    border-radius: 10px;
}
.new-2020-template.not-home-page .page-sections:not(:first-child){
    margin-top: 40px;
}
.new-2020-template.not-home-page .page-sections:nth-of-type(odd), .new-2020-template.not-home-page .parent-page-menu .parent-page-child:nth-of-type(odd){
    border-color: #318fce;
}
.new-2020-template.not-home-page .page-sections:nth-of-type(even), .new-2020-template.not-home-page .parent-page-menu .parent-page-child:nth-of-type(even){
    border-color: #233d78;
}
.new-2020-template.not-home-page .page-sections:nth-of-type(odd) .sect-title{
    background-color: #318fce;
}
.new-2020-template.not-home-page .page-sections:nth-of-type(even) .sect-title{
    background-color: #233d78;
}
.page-sections .sect-title{
    padding: 0 20px;
    color: white;
    border-radius: 6px 6px 0 0;
}
.page-sections .sect-main-area{
    display: flex;
    padding: 10px;
}
.page-sections .sect-main-area .sect-content{
    flex:2;
    margin: 0 10px auto;
    color: initial;
}
.page-sections .sect-main-area .new-pg-pop, .page-sections .sect-main-area > a{
    width: auto;
    max-width:40%;
    border-radius: 8px;
    margin: 0 auto auto;
}
/***SHORTCODES SECTION NOTES - LIGHTBOX***/
.page-sections .sect-content .su-lightbox{
    border: 3px outset #233d78;
    padding: 8px;
    border-radius: 10px;
    margin-left: 20px;
    box-shadow: 2px 2px 2px #88a2b5;
    color: #FFF;
    background-color: #328ecd;
    font-weight: 600;
}
.page-sections .sect-content .su-lightbox:hover{
    color: #328ecd;
    box-shadow: 3px 3px 3px #88a2b5;;
    background-color: #233d78;
    border-style:groove;
}
.su-lightbox-content{
    border-radius: 10px;
}
.su-lightbox-content .mfp-close{
    color:#333 !important;
}
.su-lightbox-content.pop-content{
    width: max-content;
    max-width:100%;
    height:95vh;
    margin:0 auto;
    padding:33px 10px 10px;
    background:#c3c3c354;
    box-shadow: 0px 0px 15px #333333;
    text-align: center;
}
.su-lightbox-content.pop-content img{
    border-radius:10px;
    margin:auto;
    height:100%;
}
.su-lightbox-content.pop-content h3{
    position:absolute;
    width:100%;
    top:0;
    left:0;
    color:#fff;
    font-size:medium;
}
.su-lightbox-content.pop-content a:hover h3, .su-lightbox-content.pop-content a:focus h3{
    color:#50a9e4;
}
.su-lightbox-content.pop-content a:focus h3 span{
    vertical-align:middle;
}
.su-lightbox-content.pop-content a:hover h3 span, .su-lightbox-content.pop-content a:focus h3 span{
    vertical-align: sub;
}
.su-lightbox-content.pop-content .mfp-close{
    color:#FFF !important;
}

/**SHORTCODES BUTTON WRAP OVERRIDE**/
.sc-flex-btns a{
    margin:6px;
}

/*SHORTCODES TABS OVERRIDES*/
.new-2020-template .su-tabs{
    background: #318fce;
}
.new-2020-template .su-tabs-nav span{
    color:#fff;
    border: 1px solid #233d78;
    border-bottom:none;
    background:#233d78;
}
.new-2020-template .su-tabs-nav span:hover, .new-2020-template .su-tabs-nav span:focus{
    background:#0094de;
    color:#233d78;
}
.new-2020-template .su-tabs-nav .su-tabs-current{
    color:#233d78;
}
.new-2020-template .su-tabs-pane{
    font-size: 1rem;
}

/*Spoiler Overrides
*****************************/
.su-spoiler-icon-caret-square.su-spoiler-closed .su-spoiler-icon:before{
	color: white;
	content: '\2295' !important;
}
.su-spoiler-icon-caret-square .su-spoiler-icon:before{
	color: white;
	content: '\2296' !important;
}
.su-spoiler-style-fancy > .su-spoiler-title{
	color: white;
}
.about-spoils:nth-child(odd) .su-spoiler-title{
    border: 1px solid #233d78;
    border-radius: 4px;
    color: #233d78;
}
.about-spoils:nth-child(even) .su-spoiler-title{
    border: 1px solid #318fce;
    border-radius: 4px;
    color: #318fce;
}
/*NO TABLE DISPLAY*/
.kill-table-grid{
	display:grid;
}

/*Short Codes for Quick Links*/
.quick-links-menu li{
	float: left;
	margin-right: 10px;
	list-style-type: none;
	border-left: 1px solid #007acc;
	padding-left: 5px;
}
.quick-links-menu li:first-child{
	border-left: none;
	padding-left: none;
}
.quick-links-menu{
	border-bottom: 1px solid;
	clear:both;
	display: inline-block;
}
.quick-links-menu a{
	text-decoration: underline;
}

/*Widget Slider Area*/
.widget-slider{
	margin: 10px auto;
	padding: 1em;
	border-top: 1px solid;
}
/*Slide Anything Slider*/
.sa-slide-content{
	margin-bottom: 1em;
	position: absolute;
	bottom: 0;
	left:0;
	width:100%;
	text-align:center;
}
.tribe-list-widget{margin-left: 0;}

/* Widget Area - Contact Form - WPForms*/
.widget-slider .wpforms-container{
	border: 3px solid rgba(21, 158, 216, 1);
	border-radius: 5px;
}
.widget-slider .wpforms-title{
	font-size: 1em;
	font-weight:bold;
}
.widget-slider .wpforms-field-container{
	font-size: 0.7em;
}
.widget-slider .wpforms-field{
	padding: 5px 0;
}
.widget-slider .wpforms-field-container input{
	font-size: 0.7em;
}

.wpforms-head-container{
	/*background-color: rgba(21, 158, 216, 1);*/
	padding: 5px;
}
.wpforms-field-container{
	padding: 0 5px;
}
.wpforms-container .wpforms-recaptcha-container{
	padding: 4px 5px !important;
}
.wpforms-container .wpforms-submit-container{
	padding: 4px 5px !important;
}

/***CUE STORE CONTACT FORM***/
.lightbox-form-desktop{
	display:none;
}
.cs-contact-form-mobile{
	display:block;
}
.section-landing-2 .widget-slider:last-child{
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 10px;
	border-bottom: 1px solid;
	border-top:none;
}
.cs-contact-form-mobile .text-widget a{
	box-shadow:none;
}
.cs-contact-form{
	color: #007acc;
	cursor: pointer;
	margin: 0 0 1.75em 1.25em;
}
.cs-contact-lb label, .cs-contact-lb .wpforms-field-description{
	text-align:left;
}
.cs-contact-lb{
	border: 10px solid rgba(21, 158, 216, 1);
	border-radius: 6px;
}

/*MAILCHIMP FORMS*/
.widget-homepage #mc_embed_signup .mc-field-group label{
	display: none;
}
.widget-homepage #mc_embed_signup .mc-field-group{
	padding-bottom: 0;
}
.widget-homepage #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error{
	padding: 0;
}
#mc_embed_signup #mce-success-response{
	color: #277ecd;
}
.one-col-home.new-home-foot .widget-homepage{
    margin: 0 auto 20px;
    overflow: auto;
    padding: 0 12px;
}
.one-col-home.new-home-foot .widget-homepage .donate-btn-area{
    display:flex;
}
.one-col-home.new-home-foot .widget-homepage .donate-btn-area div{
    align-self:center;
}
.one-col-home.new-home-foot .widget-homepage .donate-btn-2{
    flex-grow:2;
}
.one-col-home.new-home-foot .widget-homepage .donate-wig-title{
    margin-top: 0;
    padding-top:10px;
    padding-bottom: 10px;
    margin-bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #233d78;
    font-weight:700;
}

/***NEW FAMILY REGISTRATION FORM***/
.reg-now-btn{
    font-size:14px;
    border-radius: 15px;
    background-color: #007acc;
    border: 2px outset #73bcec;;
    color: white;
    text-transform:uppercase;
    font-weight:700;
    width:fit-content;
    float:right;
}
.reg-now-btn a{
    color:white;
    padding:10px;
    display:block;
}
.reg-now-btn:hover{
    border-style:ridge;
    background-color:#2294e0;
}
.wpforms-container.fam-reg-form ul, .wpforms-container.fam-reg-form ul li{
    margin: 0 0 0.5em 1.25em;
    list-style-type:disc;
    font-size:13px;
}
.wpforms-container.fam-reg-form h3{
    color:#233d78;
}

/*Donate Button*/
.home-donate{
/*	background-color: rgba(51, 204, 255, 0.1);
	border: 2px solid rgb(21, 158, 216);*/
	padding: 3px;
	margin: 1em 0;
}
.home-donate-top{
	padding: 3px;
	margin-bottom: 5px;
	display: inline-flex !important;
}
.home-donate-top ul{
	list-style: none;
	margin: 0;
}
.home-donate-top a.xoo-qv-button{
	border: 0;
	color: #007acc;
}
.home-donate-top a.xoo-qv-button .xoo-qv-btn-icon{
	display: none;
}
.home-donate-top a:hover{
	text-decoration: underline;
	color: #233d78;
}
.donate-btn-area{
	display: inline-block;
	padding: 8px;
	clear: both;
	width: 100%;
}
[class*=donate-col-]{position: relative; display: inline-block; box-sizing: border-box;}
.donate-col-1{width:20%; float: left;}
.donate-col-1 img{display: inline-block;}
.donate-col-2{width: 80%;}
.donateBtn{
	background-color: #ccefff !important;
	position: relative !important;
	text-align: center !important;
	color: black !important;
	border-radius: 15px !important;
	border: 1px solid #80b3ff !important;
	box-shadow: 5px 5px 5px grey !important;
	width: 100% !important;
	height: 70px !important;
	padding: 5px !important;
	font-size: 1.2em !important;
	font-weight:bold !important;
	display: block !important;
	line-height: inherit !important;
}
.donateBtn:hover{
	background-color: #007acc !important;
	color: #ccefff !important;
}
.donateBtn:active{
	box-shadow: 1px 1px 1px grey !important;
	top:5px;
	left:5px;
}
/*Hide Quickview Eyeball*/
.donateBtn .xoo-qv-btn-icon{
	display: none !important;
}

/*Homepage Image Slider*/
.homepage-content .content-area{
	
}
#wds_container1_0{
	margin: auto;
}

/*Sections for Landing Pages*/
[class*="section-landing-"]{
	width: 100%;
}

/** Change the size and colour of the widget title */
.tribe-events-list-widget h2.widget-title {
	color: blue;
	font-size: 30px;
}

/**Events Widget**/
.tribe-list-widget::before{
	content: "Upcoming Events";
    	font-size: 1.3em;
    	font-variant: small-caps;
    	color: cadetblue;
    	display:none;
}
.tribe-list-widget li.tribe-events-list-widget-events{
	list-style: none;
}
/** Make each event standout with a new background and border */
.tribe-list-widget li.tribe-events-list-widget-events {
	background: #e5f9fc;
	border-bottom: 1px solid #233d78;
	padding: 10px;
}

/** Make each event title uppercase and underline them */
.tribe-events-list-widget h4.entry-title a {
	text-decoration: underline;
	text-transform: uppercase;
}

/** Make the event date/time information a little more prominent */
.tribe-events-list-widget div.duration {
	color: green;
	font-weight: bold;
	transform: rotate( -4deg );
}

/*CUE STORE - Woocommerce*/
.cuestore-style{
	width: 100%;
	float:none;
}
.woocommerce div.product div.images img{
	width: 200px;
}
.woocommerce h3{
    margin-top: 0;
}

.local-hide-add .woocommerce-shipping-destination{
    display:none;
}

.store-links-top{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 1em;
	font-size: 14px;
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding: 4px 0;
}
.store-links-top .widget-slider {
	border: none;
	margin: 0;
	padding: 0;
}
.store-links-top .menu-item{
	display: inline-block;
	border-right: 1px solid;
	padding: 0 5px;
}
.store-links-top .menu-item:last-child{
	border:none;
}
.store-links-top ul{ margin: 0; }
.store-links-top ul::before{
	content: "Quick Links:";
	padding-right: 5px;
	font-weight: bold;
}
.store-links-bottom{
	display: inline-block;
    	width: 100%;
    	text-align:center;
}
.store-links-bottom .widget_text h5{
	width: max-content;
	display: inline-block;
	margin-right: 2em;
}
.store-links-bottom .widget_text{
	border-bottom: 1px solid black;
	border-top: 1px dotted lightgray;
	border-left:0;
	border-right:0;
}
.store-links-bottom .custom-html-widget{
	width: max-content;
	display: inline-block;
	text-decoration-color: #007acc;
    	text-decoration-line: underline;
}
.store-links-bottom .custom-html-widget:hover{
	color:#233d78;
	text-decoration-line:none;
}

.su-tabs-nav span {
    border-color: #243d78;
    border-width: 1px 1px 0;
    border-style: solid;
    background-color: #96c5e7;
}

.product .summary .product_meta{
	display:none;
}

.woocommerce .woocommerce-cart-form table.shop_table{
	width: auto;
}
.woocommerce td.product-quantity{
	text-align: center;
}
span.woocommerce-Price-amount.amount{
	margin: 0;
}
.woocommerce ul.products.columns-4 li.product .price{
    margin-top: 14px;
}
.woocommerce-cart table.cart img{
	width:150px;
}
.woocommerce a.remove{
	box-shadow:none;
	border: 1px solid;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color: #007acc;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background-color: rgba(21, 158, 216, 1);
}
.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input{
	width: 100%;
}
/***CUE TUTOR PRODUCT DISPLAY ON TUTOR PAGE***/
.show-tutor-product .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary{
    float: none;
    width: auto;
}
.show-tutor-product #fbuilder .fform h1, .show-tutor-product .fieldCalendarService.fieldCalendarServicefieldname1_1{
    display:none;
}
.su-spoiler-closed .single_add_to_cart_button{
    visibility:hidden;
    height: 0;
}
#fbuilder .cpcaptchalayer, .cp_subbtn{
    display:none;
}

/***Woocommerce Account Pages***/
.woocommerce-account .woocommerce table.shop_table, .woocommerce table.ct-mysessions-list{
    border-collapse: collapse;
}
.woocommerce table.shop_table_responsive tr, .woocommerce-page table.shop_table_responsive tr, .woocommerce table.ct-mysessions-list tr{
    border: 2px solid #233d78;
}
.woocommerce-account .woocommerce table.shop_table td{
    border-color:#318fce;
    border-color: #e2e4e7;
}
.woocommerce .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-1, .woocommerce-page .col2-set .col-2 {
    float: none;
    width: 100%;
}
.woocommerce-MyAccount-content .ct-profile input.acf-button.button.button-primary.button-large.ui-button.ui-corner-all.ui-widget {
    display: block;
    float: none;
}
#tabs-2 div.services{
    display: none !important;
}

/*Cue Store Product Slider*/
#id-1101 .carousel-slider__product h3, #id-1101 .carousel-slider__product .price{
	height: 54px;
}
.carousel-slider-outer.carousel-slider-outer-products.carousel-slider-outer-1101{
	border-width: 5px;
	border-style: ridge;
	border-color: #2196f3;
}
.carousel-slider__product{
	border-width: 0 2px;
	border-color: #001172;
	border-style: solid;
}
.carousel-slider__product .woocommerce-LoopProduct-link{
	min-height: 230px;
}
.woocommerce ul.products li.product a img{
	height: 250px;
	width: auto;
	margin: 0 auto 1em;
	border-radius:5px;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	text-align:center;
	height: 4em;
}
.woocommerce ul.products li.product .button, .woocommerce ul.products li.product .price{
	width: 100%;
	text-align: center;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 14px;
}

/***NCSA Membership Product Fields***/
.entry-summary .ncsa-mem-header{
    margin-bottom:0;
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
}

/*OVERRIDE PRICE DISPLAY WITH SHORTCODE*/
/*span.woocommerce-Price-amount.amount{
	display: block;
	margin: 2em 0 0;
}*/

/*Canvas Course Product*/
.hideAdminField-wrapper{
	display:none;
}
ul.wccpf-cart-editor-ul.wccpf-is-editable-no{
	display:none;
}
.hideAdminField{
	display:none !important;
}
.canvas-sis-rid-wrapper{
	font-size:13px;
}
.canvas-sis-rid-wrapper td.wccpf_label, .canvas-sis-rid-wrapper td.wccpf_label label{
	width: 165px !important;
}
.canvas-sis-rid-wrapper td.wccpf_value input[type=text]{
	font-size:13px;
}
input.wccpf-field.canvas-sis-rid::placeholder {
    font-size: 10px;
    color: red;
}

/***CUE TUTOR***/
.post-2798 .woocommerce-Price-amount::after{
    content: " (price per 30min block)";
    font-size: 0.7em;
    color:#007acc;
}
.post-2798 .product_title::after{
    content: " TM";
    font-size: 10px;
    vertical-align: super;
}

.tpage-btns{
    padding:10px;
    border:1px solid #233d78;
    margin:8px;
    color:white;
    display:block;
    background-color: #001172;
}
.tpage-btns.tpage-book{
    background-color: #139ed7;
}
.tpage-btns:hover{
    box-shadow: 1px 2px 3px #a0a6bd;
    background-color: #dae5ea;
    color: #001172;
}

#tutRtn li{
    list-style-type: "\2192 ";
}
#tutRtn li p{
    margin:0;
}
#tutorResults{
    width: 70%;
}

.student-entry-content p:first-child{
    margin-bottom: 10px;
}
.filter-form{
    border: 1px dotted #008CBA;
    padding: 10px;
    width: max-content;
    /*max-width:25%;
    position:fixed;
    right: 2em;
    top:50%;
    transform: translateY(-50%);*/
    background-color:white;
}
input[type="submit"].filter-btn{
    font-size:12px;
    padding:10px;
    border-radius: 15px;
    background-color: #008CBA;
    border: none;
    color: white;
    margin: 10px 10px;
}
/* Tutor filter results */
.filter-terms h5{
    color: #233d78;
    display: inline-block;
}
.filter-terms ul{
    display: inline-block;
    margin: 0;
}
.filter-terms ul li{
    display: inline-block;
    font-size: 12px;
    list-style-type: none;
}
.filter-terms ul li:not(:last-child)::after{
    content: ",\a0";
}


/* Custom student appointment page */

.tut_card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}

/* On mouse-over, add a deeper shadow */
.tut_card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.tut_container {
	padding: 2px 16px;
}

/*Hide checkbox and disable checking of parent categories for field updates*/
#ctSessionForm .acf-field-taxonomy .acf-input .acf-taxonomy-field .categorychecklist-holder > .acf-checkbox-list > li > label{
    font-weight:bold;
    font-variant: small-caps;
    text-transform: capitalize;
    font-size: 15px;
}
#ctSessionForm .acf-field-taxonomy .acf-input .acf-taxonomy-field .categorychecklist-holder > .acf-checkbox-list > li:not([data-id="142"]) > label > input[type="checkbox"] {
    /* display: none; */
    visibility: hidden;
    margin-left: -15px;
}

/***STUDENT SKILLS LIST PAGE***/
.feed-box{
    display:none;
    position:relative;
}
.feed-link{
    font-size:12px;
    text-decoration:underline;
    color: #233d78;
    display:block;
    cursor:pointer;
}
.feed-box.display-feed{
    z-index: 2;
    top: 0;
    left: 0;
    position:fixed;
    display:block;
    padding: 2em;
	/*font: 13px sans-serif;*/
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}
.feed-container::-webkit-scrollbar-track{
    /*border: 1px solid rgb(35, 61, 120);*/
	border-radius: 12px;
}
.feed-container::-webkit-scrollbar
{
	width: 12px;
	border-radius:12px;
}

.feed-container::-webkit-scrollbar-thumb
{
	border-radius: 12px;
	background-color: rgb(21, 158, 216);
}
.feed-box .feed-container{
    border-radius:12px;
    padding:8px;
    border:2px solid #007acc;
    position:relative;
    width: 70%;
    height:auto;
    max-height:100%;
    overflow-Y:scroll;
    display:block;
    margin:auto;
}


/*Desktop Views*/
@media only screen and (min-width: 56.875em){
	 /*content area*/
	 .content-area{
	 	width: 100%;
	 }
	 .site-main > article {
		margin-bottom: 1.0em;
	}
	.site-main{
		margin-bottom: 2em;
	}
	/*Header - masthead and menu*/
	.site-header{
		padding: 0.6em 0 0;
	}
	.header-image img{
		width: 400px;
	}
	.header-image{
		width: 35%;
		margin-top: 0;
		margin-bottom: 0;
	}
	.header-no-scrolling{
		width: 65%;
	}
	.header-scrolling{
		width: 100%;
		top: 0px;
		left: 0;
		position: fixed;
		background-color: #fff;
		margin-top: 0;
		padding: 10px 0;
		z-index: 2;
	}
	.main-navigation{
		width: 100%;
		text-align: center;
		margin-left: auto;
	}
	.primary-menu .menu-item{
		border-radius: 8px;
		background-color: rgba(21, 158, 216, 1);
		margin: 0 1px;
		width: 16%;
		font-size: 0.75em;
	}
	.primary-menu .menu-item a{
		color: white;
	}
	.new-primary-menu.primary-menu .menu-item{
		color: #233d78;
		margin: 0 1px;
		background-color: unset;
		width: max-content;
	}
	.new-primary-menu.primary-menu .menu-item a{
		color: #233d78;
	}
	.new-primary-menu.primary-menu .menu-item a:hover{
	    color: #007acc;
	}
	.new-primary-menu.primary-menu .sub-menu{
	    background-color:#007acc;
	    border-radius:0px;
	    border-width:0;
	}
	.new-primary-menu.primary-menu .sub-menu li{
	    border-radius:0;
	    border-width: 0;
	}
	.new-primary-menu.primary-menu .sub-menu li:not(:first-child){
	    border-top: 1px solid white;
	}
	.new-primary-menu.primary-menu .sub-menu li:hover, .new-primary-menu.primary-menu .sub-menu li:hover a{
	    background-color:#318fce;
	    color: white;
	}
	.new-primary-menu.primary-menu .sub-menu li a{
	    padding: 6px;
	    color:white;
	}
	.upper-links{
		list-style: none;
		border-top: 1px solid;
		border-bottom: 1px solid;
		font-size: 14px;
		margin: auto;
		right: 0;
		top:0;
		position: absolute;
		display: inline-block;
		width: auto;
		clear: both;
	}
	.upper-links li{
		float: left;
		width: 200px;
		text-align:center;
	}
	.new-upper-links{
		list-style: none;
		border-top: 1px solid;
		border-bottom: 1px solid;
		font-size: 14px;
		margin: auto;
		right: 0;
		top:0;
		position: absolute;
		display: inline-block;
		width: auto;
		clear: both;
	}
	.new-upper-links .menu > li{
		display:inline-block;
		width: fit-content;
		text-align:center;
		margin: 0 3px;
	}
	.new-upper-links .menu > li:not(:first-of-type){
        border-left: 1px solid #007acc;
        padding-left: 3px;
    }
	/*Footer*/
	[class*=widget-footer-]{
		box-sizing: border-box;
		width: 25%;
		float:left;
		text-align:center;
	}
	[class*=widget-footer-] ul{
		list-style-type: none;
		margin: auto;
	}
	[class*=widget-footer-] img{
		margin:auto;
	}
	/*Homepage Widget Area*/
	
	.two-col-home{
		display: inline-block;
		width: 100%;
	}
	.widget-homepage{
		float: left;
		display: inline-block;
		width: 45%;
		height: 430px;
		overflow:hidden;
	}
	.widget-homepage:first-child{
		margin-right: 5%;
	}
	.home-top-box .home-top-flex{
        display:flex;
        flex-wrap:wrap;
    }
    .home-top-box figure{
        margin-left: 20px;
    }
    .home-sec-grid{
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 40px;
    }
    .home-sec-grid .sec-grid-box a{
        align-self:flex-end;
    }
    .home-sec-grid .sec-grid-box{
        flex-direction:row;
    }
    .home-sec-grid .sec-grid-box:nth-of-type(even){
        flex-direction: row-reverse;
    }
	.one-col-home{display: flex;}
	.one-col-home .widget-homepage{
		width: 30%;
		height:auto;
		margin: auto;	
		float: none;
	}
	.one-col-home.new-home-foot .widget-homepage{
	    min-width: 30%;
	    width: fit-content;
	    margin: 0 auto;
	    overflow: auto;
	    padding: 0 12px;
	}
	.one-col-home.new-home-foot .widget-homepage .donate-btn-area{
	    display:flex;
	}
	.one-col-home.new-home-foot .widget-homepage .donate-btn-area div{
	    align-self:center;
	}
	.one-col-home.new-home-foot .widget-homepage .donate-btn-2{
	    flex-grow:2;
	}
	.one-col-home.new-home-foot .widget-homepage .donate-wig-title{
	    margin-top: 0;
	    padding-top:10px;
	    padding-bottom: 10px;
        margin-bottom: 0;
        text-align: center;
        font-size: 16px;
        color: #233d78;
        font-weight:700;
	}
	.one-col-home .wpforms-field-container{
		width: 80%;
		margin: auto;
		padding: 0 15px;
	}
	.one-col-home .wpforms-container .wpforms-recaptcha-container .g-recaptcha{
		margin: auto;
		width: 304px;
	}
	.one-col-home .wpforms-submit-container .wpforms-submit{
		width: 100%;
	}
	.donateBtn{
		font-size: 2em !important;
		font-weight:normal !important;
	}
	
	/*NO TABLE DISPLAY*/
	.kill-table-grid{
		display:table-row;
	}
	
	/*Short Codes for Quick Links*/
	.quick-links-menu{
		margin-left: -10px;
		display: inline-block;
		border: 1px solid rgb(218, 235, 241);
		list-style-position: inside;
		background-color:rgb(242, 248, 250);
		padding: 8px;
		width: 50%;
	}
	.quick-links-menu li{
		float: none;
		margin-right: 0;
		list-style-type: disc;
		border-left: none;
		padding-left: none;
		background-color: rgb(242, 248, 250);
	}
	.entry-header{
		margin-bottom: 1em;
	}
	.entry-title{
		margin-bottom: 0;
	}
	
	/*Widget Slider Area*/
	.widget-slider{
		margin-bottom: 1em;
		border: 2px solid rgb(240, 248, 255);
	}
	.section-landing-2 .widget-slider:last-child{
		border: 2px solid rgb(240, 248, 255);
	}
	
	/*Woocommerece store*/
	.woocommerce-account .woocommerce{
	    display:flex;
	}
	.woocommerce-account .woocommerce-MyAccount-content{
	    float:none;
	    flex:3;
	    width: fit-content;
	    padding: 0 2em;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation{
	    float:none;
	    flex:1;
	    width: fit-content;
	}
	.woocommerce table.shop_table, .woocommerce table.ct-mysessions-list{
	    width:initial;
	}
	
	.woocommerce div.product div.images img{
		width: 300px;
	}
	.woocommerce #content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input{
		width: 48%;
	}
	.woocommerce .col2-set, .woocommerce-page .col2-set{
	    display:flex;
	}
	.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	    flex: 1;
	    float:none;
	    width:auto;
	}
	.woocommerce .col2-set .woocommerce-Address-title{
	    width: fit-content;
	}
	.woocommerce-account .addresses .title h3, .woocommerce-account .addresses .title .edit{
	    display:block;
	    float:none;
	}
	.woocommerce-account .addresses .title h3{
	    margin-bottom:4px;
	}
	.woocommerce-account .addresses .title .edit{
	    width: fit-content;
	    margin: auto 0 auto auto;
	}
	/*Donate Button*/
	.donate-btn-area{
		display: inline-block;
		padding: 8px;
		clear: both;
		width: 100%;
	}
	[class*=donate-col-]{position: relative; display:inline-block; box-sizing: border-box;}
	.donate-col-1{width:40%; float:left;}
	.donate-col-1 img{display: block; margin: auto;}
	.donate-col-2{width: 60%; text-align: center;}
	.donateBtn{
		background-color: #ccefff !important;
		text-align: center !important;
		color: black !important;
		border-radius: 15px !important;
		border: 1px solid #80b3ff !important;
		box-shadow: 5px 5px 5px grey !important;
		width: 100% !important;
		height: 70px !important;
		padding: 5px !important;
		font-size: 2em !important;
		display: block !important;
		line-height: inherit !important;
	}
	/*HOME SPECIFIC Donate Button Area*/
	.home-donate{
		width: 100%;
		display: inline-block;
	}
	.home-donate .donate-col-1{width:15%; float:left;}
	.home-donate .donate-col-2{width: 80%; text-align: center;}
	
	/*Sections for Landing Pages*/
	.section-row::after{
		content: "";
	   	clear: both;
	    	display: table;
	}
	[class*="section-landing-"]{
		box-sizing: border-box;
		padding: 0 1em;
		float: left;
	}
	.section-landing-1{
		width: 70%;
	}
	.section-landing-2{
		width: 30%;
		padding-left: 1em;
	}
	#wds_container1_0{
		margin-bottom: 1em;
		border: 2px solid rgb(240, 248, 255);
	}
	
	/***CUE STORE CONTACT FORM***/
	.lightbox-form-desktop{
		display:block;
	}
	.cs-contact-form-mobile{
		display:none;
	}
}
@media only screen and (min-width: 77.6em){
	.primary-menu .menu-item{
		font-size: 1em;
		color: white;
	}
	 /*content area*/
	 /*.content-area{
	 	width: fit-content;
	 }*/
	 .woocommerce-account .content-area{
	     width: 100%;
	     float:none;
	 }
}

@media only screen and (max-width: 768px){
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
		width: 100%;
		float: none;
	}
    
}