/*
* Theme Name: Wayside Youth
* Theme URI: https://www.lachancedesign.com/
* Description: Wayside Youth Custom Theme
* Author: Rob Parks
* Author URI: https://www.lachancedesign.com/
* Template: mesmerize
* Version: 0.0.6666666666666666666666666666666666666
* License: GNU General Public License v2 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
* Text Domain: mesmerize
*/
@import url("../mesmerize/style.css");

/*---------------------------------------------------
>> Global Styles & Resets
---------------------------------------------------*/
:root {

	/* Site Colors */
	--wayside-blue: #002855;
    --wayside-green: #00664F;
    --wayside-gold: #F0AB00;
    --wayside-grey: #F0F3F7;
    --wayside-eq: #187b88;

	/* Site Fonts */
	--lora: 'lora', serif;
    --open-sans: ;

	/* Site Transitions */
	--trans: all .3s ease-in-out;

}
html *, body * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: black;
}
html, body, .p {
	font-size: 18px;
}
body {
	overflow-x: hidden !important;
}
.error404 .post-list {
    height: auto!important;
}
.shadowImg img {
	box-shadow: 6px 6px 9px rgba(0,0,0,.3);
	transition: var(--trans);
}
.shadowImg img:hover {
	margin-top: -10px;
	margin-bottom: 10px;
	box-shadow: 6px 6px 12px rgba(0,0,0,.9);
}
.lora, .lora * {
	font-family: var(--lora)!important;
}
.bold, .bold * {
	font-weight: 700;
}
.whiteTxt, .whiteTxt * {
	color: white!important;
}
h1, h2, h3, h4 ,h5,
h6, h7, h8, h9 {
	letter-spacing: 0;
}
a {
	transition: var(--trans)!important;
}
a:hover {
	color: var(--wayside-gold);
}
.vc_btn3.vc_btn3-style-custom {
	background-image: unset!important;
}
.ovHidden {
	overflow: hidden!important;
	box-shadow: 4px 4px 7px gray;
}
.fancyBtn {
	color: #fff !important;
	background-color: #1c315c !important;
	border-color: #1c315c !important;
	border-radius: 0;
	transition: var(--trans);
}
.fancyBtn:hover {
	background-color: #ff690a !important;
	border-color: #ff690a !important;
}
.featureBtn {
	color: #fff !important;
	background-color: #F0AB00 !important;
	border-color: #F0AB00 !important;
	border-radius: 50px;
	transition: var(--trans);
	width: 100%;
}
.featureBtn:hover {
	background-color: #00664F !important;
	border-color: #00664F !important;
}
.rBtn {
    display: none!important;
}


/*---------------------------------------------------
>> Events Prime
---------------------------------------------------*/
.ep-btn {
  background: var(--wayside-eq) !important;
  border-color: var(--wayside-eq) !important;
  margin-top: 15px !important;
  width: fit-content !important;
}
.ep-btn span {
    color:white;
}
.ep-list-icon-group {
    display: none!important;
}


/*---------------------------------------------------
>> Nav Styles
---------------------------------------------------*/
.navigation-bar {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.navigation-wrapper .row.basis-auto {
  align-items: center;
}
.top-bar-field a {
  text-decoration: none;
}
#page-top * {
  color: var(--wayside-blue);
}
ul.dropdown-menu > li > a {
    letter-spacing: 0!important;
}
#page-top {
    background: white!important;
}
#menu-top-links {
    list-style: none;
}
#menu-top-links .top-bar-field {
    padding: 5px 15px;
}
#menu-top-links li {
    background-color: var(--wayside-blue);
}
#menu-top-links li+li {
    margin-left: 10px;
}
#menu-top-links li a {
    display: flex;
    align-items: center;
    color: #ffffff !important;
}
#menu-top-links li a i {
    color: #ffffff !important;
}
.coloured-nav ul.dropdown-menu.active-line-bottom > .current_page_item > a, 
.coloured-nav ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
.coloured-nav ul.dropdown-menu.default > .current_page_item > a, 
.coloured-nav ul.dropdown-menu.default > .current-menu-item > a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current_page_item > a, 
.fixto-fixed ul.dropdown-menu.active-line-bottom > .current-menu-item > a, 
.fixto-fixed ul.dropdown-menu.default > .current_page_item > a, 
.fixto-fixed ul.dropdown-menu.default > .current-menu-item > a {
  border-color: var(--wayside-blue);
}
#menu-top-links .top-bar-field:last-child, 
#menu-top-links .top-bar-field:first-child {
  background: var(--wayside-gold);
}
ul.dropdown-menu li {
  padding: .85rem .4rem;
}
#menu-item-10198 {
	background: #187B88 !important;
}


/*---------------------------------------------------
>> Header Styles
---------------------------------------------------*/
.header-content .left .hero-title {
    font-size: 2.2rem;
    letter-spacing: 0;
}
#menu-top-links {
    margin: 0;
}
.header-content .left {
    background: rgba(0, 102, 79,.76);
    padding: 2rem;
}
.header-content .header-subtitle {
    display: none;
}
h1.hero-title {
	font-family: var(--lora);
	font-weight: 700;
}
.button.color1 {
	color: #fff;
	background-color: var(--wayside-gold)!important;
	border-color: var(--wayside-gold)!important;
	transition: var(--trans);
	letter-spacing: 0;
	font-weight: 700;
	font-size: .9rem;
}
.button.color1:hover {
	background: transparent!important;
	color: var(--wayside-gold);
}


/*---------------------------------------------------
>> Overlap Styles
---------------------------------------------------*/
.lapped-wrap .vc_col-md-4 .vc_column-inner,
.lapped-wrap .vc_col-md-4 .wpb_wrapper, 
.lapped-wrap .vc_col-md-4 .vc_column-inner .lapped {
	height: 100%;
}


/*---------------------------------------------------
>> Interior Page Styles
---------------------------------------------------*/
.inner-header-description h1.hero-title {
	display: none;
}
.showTable {
    display: none;
}


/*--------------------------------------------------
>> Trainings and Workshops
--------------------------------------------------*/
.trainings{
	background: #006551;
	padding: 20px;
	margin-bottom: 20px;
}
.newTrainings{
	margin-bottom: 20px;
	box-shadow: 3px 3px 9px grey;
	padding:0;
	border-radius:20px;
	overflow:hidden;
	background: white;
}
.trainings * {
	color: white!important;
}
.trainings .outlineBox{
	padding: 20px 30px;
	border: 1px solid white!important;
}
.trainings h3 a{
	color: white;
	transition: all .5s;
}
.trainings h3 a:hover{
	opacity: .5;
}
.trainings ul{
	list-style: none;
	margin-bottom: 0;
}
.trainings ul li{
	margin-bottom: 20px;
}
.trainings ul li:last-child{
	margin-bottom: 0px;
}
.trainings.workshopses{
	background: #1C315C;
}
.trainings.workshopses .fancyBtn{
	background-color: #006551!important;
	border-color: #006551!important;
}
.trainings.workshopses .fancyBtn:hover{
	background-color: #FF690A !important;
	border-color: #FF690A !important;
}
.sideTrain {
	padding: 15px;
	margin-bottom: 25px;
	box-shadow: 3px 6px 9px grey;
	border-radius: 5px;
	background: white;
}
.trainDate {
	justify-content: center;
	align-items: center;
	display:flex;
	width:100%;
	background: var(--wayside-green);
	padding: 30px 0 15px;
	border-radius: 5px;
}
.trainDate * {
	text-align: center;
}


/*--------------------------------------------------
>> Form Styles
--------------------------------------------------*/
form {
    margin-bottom: 0!important
}
input, textarea, select {
  border: 1px solid gray; 
}
.hideySearched .wpb_column.vc_col-has-fill {
  background: white;
}


/*--------------------------------------------------
>> Footer Styles
--------------------------------------------------*/
.footer h4 {
	font-size: 1.2rem;
	color: #002855;
	line-height: normal;
	text-align: left;
	font-weight: 700;
	font-style: normal;
	text-decoration: underline;
	font-family: var(--lora)
}
.footer p, .footer a {
	color: #434444;
}
.footer #menu-socials li {
	display: inline;
}
.footer #menu-socials li + li {
	margin-left: 10px
}
.footer #nav_menu-4 + #nav_menu-3 {
	margin-top: 25px;
}
.footer .ctct-form-wrapper .ctct-form-field {
	margin: 0;
}
.footer .ctct-label-top label {
	display: none!important;
}
.footer .ctct-disclosure {
	display: none;
}


/*---------------------------------------------------
>> Media Queries
---------------------------------------------------*/

@media (max-width:80.063em){
	/*For screen sizes: 1281.008px*/

}
@media (max-width:74.96875em){
	/*For screen sizes: 1199.5px*/

}
@media (max-width:72.063em){
	/*For screen sizes: 1153.008px*/

}
@media (max-width:64.063em){
	/*For screen sizes: 1025.008px*/

}
@media (max-width:61.9375em){
	/*For screen sizes: 991px*/
	.min-350 {
		min-height: 350px!important;
	}
}
@media (max-width:60.063em){
	/*For screen sizes: 961.008px*/

}
@media (max-width:54.063em){
	/*For screen sizes: 865.008px*/

}
@media (max-width:47.9375em){
	/*For screen sizes: 767px*/
	html *, body * {
		text-align: inherit;
	}
    #menu-top-links {
        display: none;
    }
    .counsTable {
        display: none;
    }
    .showTable {
        display: block;
    }
    .rPhone { 
        display: none; 
    }
    .rBtn{
        display: block!important;
    }
}
@media (max-width:40.063em){
	/*For screen sizes: 641.008px*/

}
@media (max-width:35em){
	/*For screen sizes: 560px*/

}
@media (max-width:33.75em){
	/*For screen sizes: 540px*/

}
@media (max-width:30.063em){
	/*For screen sizes: 481.008px*/

}
@media screen and (max-width:28.75em){
	/*For screen sizes: 460px*/

}
@media screen and (max-width:20em){
	/*For screen sizes: 320px*/

}