/**
 * Theme Name:     GetawayGenie Child
 * Author:         kidd81
 * Template:       GetawayGenie
 * Text Domain:	   GetawayGenie
 * Description:    A powerful Bootstrap 5 WordPress Starter Theme with WooCommerce Support. Documentation. This theme gives you full control whatever you do and the full freedom to design whatever you want. It comes with a wide selection of category, page, post, author and archive templates as well as sidebar, header, footer and 404 widgets. There are no customizer settings in the backend. All settings can only be made by touching the code. Some CSS, HTML, PHP and JS Skills are required to customize it.
 */


/* Typography */
body {
  font: 16px/1.8em 'Helvetica Neue', Arial, sans-serif;
font-family: 'Satoshi Medium';
	font-weight: 500;
	color:dimgray;

	
} 

section#signposts h3.mb-1.white span { font-size: 18px;}

section#deals h3.subheader { font-size: 20px!important; color: #00a4a8;}

section#deals p { font-size: 16px;}

section#deals ul { list-style:none; margin: 0px!important; padding: 0px!important; margin-bottom: 1em!important;}
section#deals ul li { list-style:none; margin: 0px; padding: 0px; font-size: 16px;}

html body.single-services ul#bootscore-navbar.navbar-nav.justify-content-around.w-100.js-initialized li.menu-item.menu-item-type-post_type.menu-item-object-page.current_page_parent.nav-item.nav-item-301 a.nav-link.active { color: #008284!important;}

html body.single-team ul#bootscore-navbar.navbar-nav.justify-content-around.w-100.js-initialized li.menu-item.menu-item-type-post_type.menu-item-object-page.current_page_parent.nav-item.nav-item-301 a.nav-link.active { color: #008284!important;}

body.single.single-team li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-home.nav-item.nav-item-13 a.nav-link { color: white!important;}

p.booktitle { font-size: 16px;}

.sea {
  background: #ff4693;;
}
.round-circle { width: 200px; height: 200px;}
h2.subheader { font-size: 20px;}

.nav-tabs .nav-link { padding: 0.6em!important;}

div.teamitem div.row.d-flex.justify-content-center.align-items-center div.col-md-6 p { opacity: 1!important;}


ol, ul {
  padding-left: 1.3rem!important;
}

section#contact.content div.container.mt-5 ul#myTab.nav.nav-tabs { padding: 0px!important; margin: 0px!important;}

 ul.footer-nav li { margin: 0px 0.6em!important; display: inline-block!important;}
 ul.footer-nav li a.nav-link { font-size: 22px!important;}

div.atol p { font-size: 16px; line-height: 1.4em; color: white; margin: 0px; padding: 0px;}




::selection {
  background: #fb4e9e;
  color: #ffffff; /* optional: change text color on selection */
}

/* Firefox-specific */
::-moz-selection {
  background: #fb4e9e;
  color: #ffffff;
}

ul.sociallinks { margin: 0px!important; padding: 0px;}
ul.sociallinks li { margin: 0px 0.6; padding: 0px; display:inline-block;}


 ul.sociallinks.d-none.d-md-block.text-center.text-sm-end.m-0.p-0 li { margin: 0px 0.3em; padding: 0px; display: inline-block;}

ul.services {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.services li {
    position: relative;
    padding-left: 30px;
    font-size: 20px;
    color: white;
}

/* Insert Font Awesome checkmark icon using Unicode */
ul.services li::before {
    content: "\f058"; /* Unicode for the Font Awesome checkmark */
    font-family: 'Font Awesome 6 Free'; /* Set the Font Awesome font */
    font-weight: 900; /* Bold style (for solid icons) */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px; /* Size of the icon */
    color: #ea234a; /* Icon color */
}

ul.services li a {
    text-decoration: none;
    color: white;
}

ul.services li a:hover {
    text-decoration: none;
    color: white;
}

div.callout h4 { font-size: 50px;}

div.wave {  background: url('images/wave.png') bottom center no-repeat;}


.category-item { min-height: 50vh;}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}

.pulse {
  animation: pulse 1.5s infinite;
}



div#free { float: left; position: relative;  text-align: left; }

div#call { float: right; position: relative;  text-align: right; bottom: 70px;     transform: rotate(12deg);}

.two-col { column-count: 1; column-gap: 80px;}

h1, h2, h3, h4, h5, h6 {
  color: #ff4693;
	 /* font-family: "Bebas Neue", sans-serif;*/
font-family: 'Brice Bold';
  font-weight: 700;
  font-style: normal;
	line-height: 1.2em;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (height: 9/16 = 0.5625 or 56.25%) */
    overflow: hidden;
    max-width: 100%;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.rounded {
  -webkit-border-radius: 40px !important;
  -moz-border-radius: 40px !important;
  border-radius: 40px !important;
}

.roundleft {
  -webkit-border-top-left-radius: 40px;
  -webkit-border-bottom-left-radius: 40px;
  -moz-border-radius-topleft: 40px;
  -moz-border-radius-bottomleft: 40px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}

.roundright {
  -webkit-border-top-right-radius: 40px;
  -webkit-border-bottom-right-radius: 40px;
  -moz-border-radius-topright: 40px;
  -moz-border-radius-bottomright: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.roundimgleft {
  -webkit-border-top-left-radius: 40px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-topleft: 40px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 0px;
}

.roundimgright {
  -webkit-border-top-right-radius: 40px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-topright: 40px;
  -moz-border-radius-bottomright: 0px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 0px;
}

 
section#introduction h3 {font-family: 'Brice Bold';
  font-weight: 700;
	color: #359fa3;

  font-style: normal;
	}

section#introduction p {font-family: 'Brice Bold';
 color: dimgray;
		font-family: 'Satoshi Medium';
	}


.postitem { min-height: 90vh;}

hr { border-top: 1px solid #ccc; height: 0px!important;}

h1 {font-size: 32px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}

.underline {   background-image: linear-gradient(to right, #ed2048 100%, transparent 50%);
    background-position: 0 100%;
    background-size: 100% 5px; /* Adjust the height of the underline as needed */
    background-repeat: repeat-x;}

.content { padding: 3em 0em;}


button#bars { background: transparent; border: 0px solid #eee;}
button#bars i { font-size: 30px;}

/* HERO */
header#hero { margin-top: 65px; min-height: 45vh; width: 100%; background-size: cover!important; background: url('../images/AdobeStock_97113512.jpeg') bottom center no-repeat; /* Adjust the path to your actual image */
}
header#hero h1 {  font-size: 16px; line-height: 20px; color: white;}
header#hero h2 {  font-size: 40px; line-height: 40px; color: white;}

header#masthead { padding-top: 65px;  min-height: 50vh; background-size: cover!important; background: url('../images/AdobeStock_97113512.jpeg') bottom center no-repeat; /* Adjust the path to your actual image */
}

div.col-md-6 h3.mb-1.turquoise a { color: #ff4693;}

div.cover {
  background-color: rgba(0, 0, 0, 0.5); /* semi-transparent black */

  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

div.content-wrap {
  position: relative;
  z-index: 2;
}

#blogheader { margin-top:70px;}
#blogheader h1 { color:white; font-size: 36px;}
#blogheader h1 a { color:white; opacity: 1;}

#blogheader h1.text-center a:hover { color:white;}

div.content-wrap ul { color: white;}
div.content-wrap ul li { display:inline-block; list-style: none;}

header#masthead ul { margin: 0px auto; padding: 0px;}
header#masthead ul li { margin: 0px auto; padding: 0px; color: white;}
header#masthead ul li a { color: white;}


header#masthead h1 {  font-size: 28px; line-height: 34px;}
header#masthead h2 {  font-size: 18px; line-height: 22px;}

header#hero div#panel { /*border-top-left-radius: 20px; border-top-right-radius: 20px;*/ min-height: 45vh; width: 100%;  }
header#hero div#panel ul { margin: 0px; padding: 0px; }
header#hero div#panel ul li { margin: 0px 0.3em; padding: 0px; display: inline-block; }

header#masthead div#panel { border-top-left-radius: 20px; border-top-right-radius: 20px; }
header#masthead div#panel ul { margin: 0px; padding: 0px; }
header#masthead div#panel ul li { margin: 0px 0.3em; padding: 0px; display: inline-block; }
/* HERO */

.tab { background:#eee; padding: 0.2em 0.5em; font-size: 14px; color: #ed2048; }
/* NAV */


ul#share.text-center li a { border: 0px solid #eee;}
ul.sociallinks.text-end.m-0.p-0 li.mx-1 a.white { color: white;}
ul.sociallinks.text-end.m-0.p-0 li.mx-1 a.white:hover { color: white;}

/* Set default color for nav-link */
li.nav-item a.nav-link {
	font-size: 18px;
	line-height: 1.0em;
	padding-right: 0rem!important;
    padding-left: 0rem!important;
  color: #028d90;
  transition: color 0.3s ease, opacity 0.3s ease; /* Transition color and opacity over 0.3 seconds with ease timing function */
	font-family: 'Satoshi Medium';
}

.navbar-nav .nav-link { color: #028d90;}
.navbar-nav .nav-link.active { color: #ffffff;}

.navbar-nav.js-initialized .nav-link.active {
  color: #ffffff;
}

.navbar-nav .nav-link.active {
  color: #028d90; /* default nav link color */
}

/* Apply transition to nav-item */
li.nav-item {
  margin: 0;
  padding: 0;
}


/* Apply transition on hover for nested li items */
li.nav-item li a:hover {
  color: #fff; /* Change color on hover */
  opacity: 0.7; /* Change opacity on hover */


}

ul.date li.list-inline-item { font-size: 16px;}
article.postitem p { font-size: 20px; line-height: 1.4em;}
div.item p { font-size: 20px; line-height: 1.4em;}

ul.tags li.list-inline-item { color: #2aaeb2; font-size: 16px; text-decoration: none!important; border: 0px solid #eee;}
ul.tags li.list-inline-item a { text-decoration: none!important; }
ul.tags li.list-inline-item a:hover { color: #ff4693; }

ul#meta li { margin: 0em 0.5em; color: #fff; font-size: 16px; text-decoration: none!important; border: 0px solid #eee;}
ul#meta li a { text-decoration: none!important; }
ul#meta li a:hover { color: #ff4693; }

ul#share li { margin: 0em 0.5em; color: #fff; font-size: 16px; text-decoration: none!important; border: 0px solid #eee;}
ul#share li a { text-decoration: none!important; }
ul#share li a:hover { color: #ff4693; }


.dropdown-menu { background: #00a4a8; border-radius: 0px; min-width: 240px; border:0px solid #eee;}
.navbar-expand-md .navbar-nav .dropdown-menu { margin-top: 8px;}
.navbar-expand-md .navbar-nav .dropdown-menu a { color: white;}
.navbar-expand-md .navbar-nav .dropdown-menu a:hover { color: #ed2048; background: #440728;}

/* Navbar nav */
.navbar-nav {
  list-style: none;
  padding: 0;
}

.navbar-nav .nav-item {
  flex-grow: 1;
  text-align: center; /* Optional: Align text in the center of each list item */
}

/* Optional: Add some spacing between nav items */
.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem;
}

ul.dropdown-menu li.menu-item { padding: 0px; text-align: left!important;}
.navbar-nav .nav-item + .nav-item { margin-left: 0px!important;}
/* NAV */


a {
  color: inherit; /* Use the default text color for links */
  opacity: 1; /* Initial opacity */
  transition: color 0.3s ease, opacity 0.3s ease; /* Transition color and opacity over 0.3 seconds with ease timing function */

}

p a, li a { 

 text-decoration: none;
	border-bottom: 2px dotted #ec318e;
}

ul.tags li a, ul.sociallinks li a { 

 text-decoration: none;
	border-bottom: 0px dotted #ec318e;
}


a:hover {
  color: #00a4a8; /* Color change on hover */
  opacity: 0.7; /* Opacity change on hover */
}


/* Containers and Layout */
.container {
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}



/* Ensure all carousel items match height of tallest */
.owl-one .owl-stage {
  display: flex;
}

.owl-one .owl-item {
  display: flex;
  height: auto;
}

.owl-one .item {
  flex: 1 1 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}


.sidebar {
  
  overflow: auto;
  position: -webkit-sticky;
  position: sticky;
  top: 5%;
}

/* Spacing */
.mt-1 { margin-top: 0.25rem; }
.mt-2 { margin-top: 0.5rem; }
.mt-3 { margin-top: 1rem; }
.mt-4 { margin-top: 1.5rem; }
.mt-5 { margin-top: 3rem; }

/* Padding */
.pt-1 { padding-top: 0.25rem; }
.pt-2 { padding-top: 0.5rem; }
.pt-3 { padding-top: 1rem; }
.pt-4 { padding-top: 1.5rem; }
.pt-5 { padding-top: 3rem; }

/* Colors */
.bggreen { background:#2aaeb2;}
.green {color: #2aaeb2;}
.turquoise { color: #99e3e6;}
.bgturquoise { background:#99e3e6;}

.bgwhite { background:#ffffff;}
.bgnavy { background:#00a4a8;}
.bgpink { background:#fb4e9e;}
.bggrey { background:#eeeeee;}
.bggreyrepeat { background: #eeeeee url("images/repeat.png") center center repeat; background-size: 2000px 1000px;}
.bgredrepeat { background: #ed2048 url("images/repeat-red.png") center center repeat; background-size: 2000px 1000px;}

.bgblackred { background:#34041e;} 
.bgcover {   background: rgba(0, 0, 0, 0.5) url("images/wave.png") bottom center repeat-x; background-size: 50px;}
.bgseacover {   background: rgba(0, 0, 0, 0) url("images/wave.png") bottom center repeat-x; background-size: 50px;}

ul#category.text-center.mb-2 { font-size: 16px;}
ul#category li { margin: 0em 0.4em;}


.bgwaveturquoise {   background: url("images/wave-turquoise.png") bottom center repeat-x; background-size: 50px;}



.red { color:#ed2048;}
.navy { color:#00a4a8;}
.blackred { color:#34041e;} 
.pink { color:#fb4e9e;}
.white { color:#fff;}
/* Colors */

/* Text Alignment */
.text-center { text-align: center; }
.text-right { text-align: right; }

.btn { padding: 10px 20px 12px; margin: 0px; border-radius: 50px; font-size: 18px; font-family: 'Satoshi Medium'; text-decoration: none!important;}
.btnsmall { padding: 9px 30px 12px; margin: 0px; border-radius: 50px; font-size: 18px; font-family: 'Satoshi Medium'; text-decoration: none!important;}

.btn:hover {  transition: 0.3s ease, opacity 0.9s ease; /* Transition color and opacity over 0.3 seconds with ease timing function */}
.btnred { background:#ed2048; color:#00a4a8;}
.btnwhite { background:#ffffff; color:#00a4a8;}
.btnred { background:#ed2048; color:#fff;}
.btnpink { background:#fb4e9e; color:#fff;}

.btnpink a { text-decoration: none!important;}



.btnpink:hover { background:#fb4e9e; color:#fff;}

.btnturquoise { background:#fb4e9e; color:#fff;}



.btnturquoise:hover { background:#ffcccc; color:#00a4a8;}


.btnwhite:hover { background:#ffffff; color:#00a4a8;}



.owl-carousel .animated {
  animation-duration: 0.1s; /* or whatever feels smooth */
  animation-fill-mode: both;
  animation-timing-function: ease-in-out; /* this smooths things */
}





@keyframes fadeOutCustom {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.fadeOutCustom {
  animation-name: fadeOutCustom;
}


p.category {font-family: 'PlusJakartaSans-Bold'; font-size: 14px;}
/* Footer */
footer#main {
  /*padding-bottom: 150px;
  background: #00a4a8 url('images/logobase.svg') bottom center no-repeat; /* Adjust the path to your actual image 
  background-size: 66% auto;
  background-position-y: calc(100% + 2px); /* Move background down by 2 pixels */
}

footer#main ul {
 	margin: 0px; padding: 0px;
	color: white;
}

footer#main ul li {
 	margin: 0px; padding: 0.4em 0px;
	color: white;
	list-style: none;

}

footer#main ul li a {
 	color: white;
	text-decoration: none;
}

footer#main ul li a:hover {
 	color: #ffcccc;
	text-decoration: none;
}

footer#main ul#social li {
	display: inline-block;
		font-size: 30px;
	margin: 0px 0.3em;
}


/* Footer */


/* Footer Base */
footer#base ul {
 	margin: 0px; padding: 0px;
	color: white;
}

footer#base ul li {
 	margin: 0px; padding: 0px;
	color: white;
	list-style: none;
}

footer#base ul li a {
 	color: white;
}

/* Footer Base */


.blur-overlay {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(5px); /* Adjust blur radius as needed */
    -webkit-backdrop-filter: blur(5px); /* For Safari */
    backdrop-filter: blur(5px); /* Standard syntax */
    z-index: 1; /* Ensure the overlay is above the background image */
}



/* Overlay */

 /* The Overlay (background) */
.overlay {
  /* Height & width depends on how you want to reveal the overlay (see JS below) */   
  height: 100%;
  width: 0;
  position: fixed; /* Stay in place */
  z-index: 10; /* Sit on top */
  left: 0;
  top: 0;
  background-color: rgb(70,6,41); /* Black fallback color */
  background-color: rgba(70,6,41, 1); /* Black w/opacity */
  overflow-x: hidden; /* Disable horizontal scroll */
  transition: 0.2s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
  position: relative;
	height: 100vh;
 /* top: 25%; /* 25% from the top */
  width: 100%; /* 100% width */
  text-align: center; /* Centered text/links */
/*   margin-top: 30px; 30px top margin to avoid conflict with the close button on smaller screens */
}

.overlay-content ul {
margin: 0px;
	padding: 0px;
}


.overlay-content ul li {
margin: 0px;
	padding: 0px;
	list-style: none;
	color: white;
}


.overlay-content ul li a {
color: white;
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
  position: absolute;
  color: white;
  top: 10px;
  right: 10px;
  font-size: 60px;
 z-index: 9999;
 text-decoration: none;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
} 

/* Overlay */



.sticky {
  position: fixed;
  width: 100%;
	z-index: 500;
	top: 0;
	
}

.owl-carousel {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .owl-carousel .item {
      text-align: left;
		min-height: 500px;
		
    }

.owl-one .item p {font-size: 20px;}
.owl-carousel .item p.number {font-size: 56px; position: absolute; bottom: 30px;}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 30px!important;}

.reset { margin: 0px; padding: 0px;}


#owl-demo .item {
    margin: 3px;
}
#owl-demo .item img {
    display: block;
    width: 50%;
    height: auto;
}
.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}


.owl-one .item {
  min-height: 50vh; /* adjust as needed */
}

.owl-carousel .owl-item img { width: auto!important;}




/* ACCORDION */




.ac_panels {

	display: flex;
 flex-direction: row;
	justify-content:flex-start;
	align-items: top;
	width: 100%;
	height: 70vh;
	background-color: white;
}

.screen { padding: 40px; height: 70vh; width: 100%;     background-color: rgba(0, 0, 0, 0.5); /* 0.5 specifies 50% opacity */}

.ac_panel h3, .ac_panel p { color: white; }
.ac_panel 	{


height: 70vh;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
 align-items:flex-start;
	flex: 1;
	overflow: hidden;
 transition: flex .1s;
	border: 3px solid white;
}


@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@media only screen and (max-width:1260px) {
  .ac_panel_text {
    width: 300px;
  }
}

@media only screen and (max-width:979px) {
    .ac_panel {
    	width: 100%;
     align-items: flex-start;
  	}
  	.ac_panel.move {
		flex: 6;
	}
}

@media only screen and (max-width:979px) {
  .ac_panels {
    flex-direction: column;
    height: 1000px;
    width: 100%;
  }
}

input, label, textarea { width: 100%;}
input { padding: 0.4em 0.8em; border-radius: 50px; border:2px solid #eee;}
textarea { padding: 0.4em 0.8em; border-radius: 20px; border:2px solid #eee;}
input:focus, textarea:focus { border:2px solid #ff4693; outline: none; box-shadow: none;}


section#contact li.nav-item button#book-tab.nav-link { width: 100%; padding: 1em 3em; border:0px solid #eee; border-top-right-radius: 20px;
border-top-left-radius: 20px;}
section#contact li.nav-item button#contact-tab.nav-link { width: 100%; padding: 1em 3em; border:0px solid #eee; border-top-right-radius: 20px;
border-top-left-radius: 20px;}

.nav-tabs .nav-link  { width: 100%; padding: 1em 3em; background: #00a4a8; color: white; }
.nav-tabs .nav-link.active  { width: 100%; padding: 1em 3em; background: #80dfe1; color: white;}

section#contact li.nav-item { width: 50%;}

p input.wpcf7-form-control.wpcf7-submit { background: #ff4693; border: 0px solid #eee; color: white; padding: 0.7em;}

span.wpcf7-not-valid-tip {color: #ff4693; font-size: 18px;}

form.wpcf7-form.invalid div.wpcf7-response-output { padding: 0.6em; margin: 0px; font-size: 18px;}

form.wpcf7-form.validating div.wpcf7-response-output { padding: 0.6em; margin: 0px; font-size: 18px;}

form.wpcf7-form.sent div.wpcf7-response-output { padding: 0.6em; margin: 0px; font-size: 18px;}

select.wpcf7-form-control.wpcf7-select { padding: 0.4em 1em; border-radius: 50px!important; color:dimgray;}

form.wpcf7-form.init p label br { display: none!important;}

div#panel h1 { visibility: hidden;}
div#panel h2 { visibility: hidden;}
div#panel ul#buttons { visibility: hidden;}
div#panel p.mb-3.text-center { visibility: hidden;}

header#blogheader h1.text-center { visibility: hidden;}

h1.text-center.red.mt-0.mb-1 a {color: #fff;}

#more {display: none; color: dimgray;}

 .read-more {
      color: #007BFF;
      cursor: pointer;
      text-decoration: underline;
    }


.text-container {
  /* Your styling */
}




/* ACCORDION * /



/* Responsive Styles for Small Devices */
@media (min-width: 576px) {
  /* Add styles for small devices here */
}

/* Responsive Styles for Medium Devices */
@media (min-width: 768px) {
  /* Add styles for medium devices here */
	
	/*footer#main { padding-bottom: 200px;}*/
	
	header#hero, header#hero div#panel { min-height: 55vh;}
	header#hero h1 {  font-size: 20px; line-height: 50px;}
	header#masthead h1 {  font-size: 38px; line-height: 40px;}
			header#masthead h2{  font-size: 22px; line-height: 28px;}
	
	header#masthead { padding-top: 118px;  min-height: 55vh;}
	
	.btn { padding: 12px 30px 15px; margin: 0px; border-radius: 50px; font-size: 20px; font-family: 'Satoshi Medium'; text-decoration: none!important;}
.btnsmall { padding: 9px 30px 12px; margin: 0px; border-radius: 50px; font-size: 18px; font-family: 'Satoshi Medium'; text-decoration: none!important;}
	
	
	
	body {
	  font: 20px/1.6em 'Helvetica Neue', Arial, sans-serif;
font-family: 'Satoshi Medium';
	font-weight: 500;
	color:dimgray;}

	header#hero, #blogheader { margin-top: 132px;}
	
	.border-right-dotted-white {
  border-right: 1px dotted white;
}


}

/* Responsive Styles for Large Devices */
@media (min-width: 992px) {
	
	#blogheader h1 { color:white; font-size: 54px;}
	
	.two-col { column-count: 2;}
	
  /* Add styles for large devices here */
	li.nav-item a.nav-link { font-size: 18px; padding-right: 0.5rem; padding-left: 0.5rem;}
	
	/*footer#main { padding-bottom: 300px;}*/
	
	header#hero h1 {  font-size: 20px; line-height: 24px;}
	header#hero h2 {  font-size: 80px; line-height: 84px;}

	header#hero, header#hero div#panel { min-height: 70vh;}
	
	header#masthead h1 {  font-size: 46px; line-height: 64px;}
		header#masthead h2{  font-size: 28px; line-height: 32px;}

	header#masthead { padding-top: 118px;  min-height: 60vh;}
	
	
h1 {font-size: 40px;}
h2 {font-size: 34px;}
h3 {font-size: 30px;}
h4 {font-size: 26px;}
h5 {font-size: 20px;}
h6 {font-size: 16px;}
	
	.content { padding: 3em 0em;}
	
	header#hero, #blogheader { margin-top: 132px;}
	
}

/* Responsive Styles for Extra-Large Devices */
@media (min-width: 1200px) {
  /* Add styles for extra-large devices here */
	
	/*footer#main { padding-bottom: 450px;}*/
}