/*--------General----------*/
@media (min-width: 768px) {
	.custom_full_screen{
		min-height: 100vh;
		max-height: 100vh;
		overflow: hidden;
		display: flex;
		flex-direction: column;
	}
}

/*-------Menus----------*/
/*makes line appear underneath the menu*/
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 45%; /*Set the distance of the line from the word, higher is closer*/
 background: #1C8DC9; /*** COLOR OF THE LINE ***/
 height: 3px; /*** THICKNESS OF THE LINE ***/
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/*----------Changes the look of the menu----------*/
#top-menu .menu-item:before{
    content: '|';
    font-size: 1.5em;
    position: absolute;
    right: 2px;  /* adjust this number as you see fit. This may depend on the spacing of your menu items */
    /*top: 15%;*/ /*8distance from the top*/
    color: #1C8DC9;
}
 
#top-menu .menu-item:last-child:before{
 content:'';
}
 
#top-menu .menu-item-has-children .sub-menu .menu-item:before{
 content:'';
}

/*--------------Side menu ------------*/
.cat-item-46 {
	display: none;
}

/*-----------------------------------------------*/ 
/*-----Home Page----*/ 
/*-----------------------------------------------*/

/*-------------Gallery----------*/
/*set the height of the slide image*/

.equal_image_height_gallery .et_pb_gallery_image img {
   width: auto;
   height: 60vh;
}

/*align the slide image to the middle*/

.equal_image_height_gallery .et_pb_gallery_image {
   line-height: 0;
   text-align: center;
}

/*-----------------------------------------------*/ 
/*-----Scrolling Module Carousel----*/ 
/*-----------------------------------------------*/


/*Carousel settings, adjust these values only*/

:root {
    --ds-module-number: 12; /*Your TOTAL number of modules, so if you have 8 modules duplicated, this number should be 16*/
    --ds-columns-desktop: 6; /*The number of modules you want displayed at any one time on desktop*/
    --ds-columns-tablet: 4; /*The number of modules you want displayed at any one time on tablet*/
    --ds-columns-mobile: 2; /*The number of modules you want displayed at any one time on mobile*/
    --ds-speed-desktop: 30s; /*The speed you want your carousel to move on desktop (increase value for slower, decrease for faster)*/
    --ds-speed-tablet: 30s; /*The speed you want your carousel to move on tablet (increase value for slower, decrease for faster)*/
    --ds-speed-mobile: 30s; /*The speed you want your carousel to move on mobile (increase value for slower, decrease for faster)*/
}

/**************************************************/
/*not need to edit anything below this line*/
/**************************************************/

/*Variables for desktop*/

@media all and (min-width: 981px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-desktop));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-desktop);
    }
}


/*Variables for tablets*/

@media all and (max-width: 980px) {
    :root {
        --ds-column-width: auto;
        --ds-module-width: calc(100vw / var(--ds-columns-tablet));
        --ds-column-animation: calc(var(--ds-module-width) - (var(--ds-module-width) * 2));
        --ds-scroll-speed: var(--ds-speed-tablet);
    }
}


/*Variables for mobile*/

@media all and (max-width: 479px) {
    :root {
        --ds-module-width: calc(100vw / var(--ds-columns-mobile));
        --ds-scroll-speed: var(--ds-speed-mobile);
    }
}


/*Hide the row overflow*/

.ds-carousel {
    overflow: hidden;
}


/*Define the grid and apply animation*/

.ds-carousel .et_pb_column {
    display: grid;
    grid-template-columns: repeat(var(--ds-module-number), var(--ds-module-width));
    width: var(--ds-column-width);
    -webkit-animation: scroll var(--ds-scroll-speed) linear infinite;
    animation: scroll var(--ds-scroll-speed) linear infinite;
}


/*Apply the module width*/

.ds-carousel .et_pb_module {
    width: var(--ds-module-width) !important;
	display: flex;
	justify-content: center;
	align-items: center;
}


/*Define the animation*/

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
        transform: translateX(calc(var(--ds-column-animation) * (var(--ds-module-number) / 2)));
    }
}


/*Pause animation on hover*/
/*
.ds-carousel .et_pb_column:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}
*/
/*-----------------------------------------------*/ 
/*---End Scrolling Module Carousel--*/ 
/*-----------------------------------------------*/

/*-----Buttons--*/

.et_pb_button:before {
	position: absolute!important;
	/*right: 5%;*/
	left: 15%;
	color: white!important;
	/*padding-left: 5px;*/
}

body .et_pb_button{
  border-top: 0px solid #B3C9E1!important;
  border-left: 0px solid #B3C9E1!important;
}

.webinars_button:before{
	left: 12.5%;
}

body .et_pb_button{
	border-bottom: 5px solid #B3C9E1!important;
	border-right: 5px solid #B3C9E1!important;
}

.et_pb_button {
	border-bottom-right-radius: 40px;
	border-top-left-radius: 40px;
	padding-left: 3em!important;
	padding-right: 1em!important;
	box-shadow: inset 45px 0px 0px 0px #1C8DC9!important;
	background: white;
}

.button_blue {
	box-shadow: inset 45px 0px 0px 0px #1C8DC9!important;
}

.button_red {
	box-shadow: inset 45px 0px 0px 0px #DF1F26!important;
}

.button_green{
		box-shadow: inset 45px 0px 0px 0px #09a84b!important;
}

.button_green:before{
	left: 25%!important;
}

.button_dark_blue{
	box-shadow: inset 45px 0px 0px 0px #1b2051!important;
}

.button_dark_blue:before{
	left: 22%!important;
}

body .et_pb_button:hover{
	border-bottom: 0px solid #B3C9E1!important;
	border-right: 0px solid #B3C9E1!important;
	background: red;
}

/*-----------events------------*/
.eventcards {
	display: grid;
	grid-template-columns: repeat(3, auto);
	grid-auto-rows: auto;
	grid-gap: 1rem;  
	/*grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));*/
}

@media (max-width: 768px){
  .eventcards {
  	grid-template-columns: repeat(1, auto);
  }
}

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

/* On mouse-over, add a deeper shadow */
.eventcard:hover {
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.5);
}
.eventtimedate {
  color: #fff;
  text-align: right;
  background-color: rgb(108, 190, 70);
  padding: 5px 10px 5px 10px;
}
.eventtitle {
  font-size: 18px;
  line-height: 25px;
}

.page-id-671 .eventtitle {
  font-size: 20px!important;
}

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

/*------------Event page-----*/

/*-Comment-------*/

.booking_comment {
  width:135px!important;
}

/*--Event posts pages------*/
.single-event .published {
	display:none;
}

/*--------------Home page-------*/
.hero_text_section {
	padding-top: 6%;
}

/*
.image_crop img{
	max-height: 100px;
	max-width: 100px;
}
*/

.home_page_blog .et_pb_post {
	margin-bottom: 0!important;
}

/*-------------contact forms-----*/
.wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-select{
	background-color: #eee!important;
	border: none !important;
	width: 100% !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 3px !important;
	font-size: 14px;
	color: #999 !important;
	padding: 16px !important;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page-id-224786 .wpcf7-text, .wpcf7-textarea, .wpcf7-captchar, .wpcf7-select{
	background-color: white!important;
}

.conditional_1{
  margin-bottom:1em!important;
}

.conditional_2{
  /*margin-top:1em!important;*/
}

.wpcf7-form select {
  width:100%;
}

.wpcf7-submit{
  color: #fff !important;
  text-align:center!important;
	/*float:right;*/
  text-transform: uppercase;
  text-decoration: none;
  background: #60a3bc;
  padding: 20px;
  border-radius: 50px;
  display: inline-block;
  border: none;
  transition: all 0.4s ease 0s;
  /*width:100%;*/
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}

.wpcf7-submit:hover{
  text-shadow: 0px 0px 6px rgba(255, 255, 255, 1);
  -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
  -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
  transition: all 0.4s ease 0s;
}

input.wpcf7-form-control.wpcf7-submit {
	display: block;
	margin: 0 auto;
}