@import url('//fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Averia+Serif+Libre:wght@300;400;700&display=swap');
/************ 


************/

.site-1 {
    --primary-color: #3595be;
    --secondary-color: #c9b8a0;
    --tertiary-color: #f7d000;

    --primary-rgb: 53,149,190;
    --secondary-rgb: 201,184,160;
    --tertiary-rgb: 247, 208, 0;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Lato', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);

    --swiper-box-shadow: var(--default-box-shadow);

    --ql-title-color: var(--default-white);

    --hero-title-left-position: 5%;
}

body {color: #333; font-family: 'Lato', sans-serif;}

h1, h2, h3, h4, h5, h6 { margin: .75rem 0; line-height: 1.3; font-weight: normal;}
p { line-height: 1.3;}

h1 {color: #001940; font-size: 3.5rem; font-weight: bold; font-family: 'Roboto Slab', serif;}
.page-header h1 {color: #001940; font-size: 3rem; font-weight: bold; font-family: 'Roboto Slab', serif; text-transform: none;}
h2, .page-header h2 { font-variant-caps: small-caps; color: #001940; font-size: 2.2rem; font-family: 'Roboto Slab', serif;  font-weight: bold;}
h3 { color: #001940; font-size: 1.8rem; /*border-bottom: 1px solid #cdbe79;*/  line-height: 1.3; margin: 0 0 10px 0; }
h4 { color: #001940; font-size: 1.8rem; font-family: 'Averia Serif Libre', cursive;}
h5 {background: #001940; font-size: 1.75rem; color: white; border-radius: .2rem; padding: .4rem;}
h6 {color: #001940; font-size: 1.4rem; text-transform: uppercase; font-weight: bold; font-family: 'Averia Serif Libre', cursive;}
a:hover { color: red; }

p.csscode {background-color: #f7f7f7;
	border: 1px solid rgba(0, 0, 0, 0.1);
	padding: 0.938rem; margin: 0 0 1.5rem;
	border-radius: 0.1875rem;
	font-family: "Menlo", "Monaco", monospace;
	clear: both;
} 

@media only screen and (min-width: 768px) and (max-width: 1199px) {
	h1 { font-size: 2rem; }  
	h2 { font-size: 1.3rem; }
	h3 { font-size: 1.3rem; }
	h4 { font-size: 1.3rem; }
	h5 { font-size: 1rem; }
	h6 { font-size: 1rem; }
	p { font-size: .9rem; margin-bottom: 4px;}
	h1, h2, h3, h4, h5, h6, p{ line-height: 1.1; }
}

@media only screen and (max-width: 767px) {

}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
	background: #001940;
}


/************ HEADER  ************/
/* #g-navigation {padding: 0 2%;} */


/************ QUICKLINKS  ************/


/************ MODULES  ************/
.moduletable .nav.menu, .moduletable .unstyled { background: #001940; }
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {
	color: #001940;
	background: #f8f8f8;
}

/************ SECTIONS  ************/
#g-footer a { color: white; }

/************ ROTATOR  ************/


/************ NEWS  ************

/************ MOBILE  ************/
.g-offcanvas-toggle { color:white }

/************ ADS  ************/

/* New Redesign 8/8/23 */

.site-1 {
	--primary-color: #3595be;
    --secondary-color: #c9b8a0;

    --primary-rgb: 53, 149, 190;
    --secondary-rgb: 201,184,160;

    --default-white: #ffffff;
    --default-black: #000000;

    --title-font-family: 'EB Garamond', serif;
    --body-font-family: 'Lato', sans-serif;

    --heading-color: var(--primary-color);
    --heading-font-family: var(--title-font-family);

    --title-border-bottom: 1px solid var(--secondary-color);

    --home-title-font: var(--title-font-family);

    --transparent: rgba(255,255,255,0);

    --default-box-shadow: 0px 0px 10px rgba(0,0,0,.5);
    --swiper-box-shadow: var(--default-box-shadow);

    --variables-here: 0;

	--grid-font-size-desktop: 2.5vw;
	--grid-bg: rgba(var(--primary-rgb),.75);
}

/***************** All Site *********************/

@media (min-width: 50.99rem) {
	:is(.site-1-home, .site-2-home) #g-top .modern-alert .g-joomla-articles {
		padding: 0 3% !important;
	}
   }

   .item-image {
	display: none;
   }

/***********Custom Scrollbar****************/

/* Hide the default scrollbar */
::-webkit-scrollbar {
    width: .75rem;
  }
  
  ::-webkit-scrollbar-track {
    background-color: #f5f5f5;
  }
  
  ::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
  }
  
  /* Style the scrollbar on hover */
  ::-webkit-scrollbar-thumb:hover {
    background-color: #bbbbbb;
  }
  
  /* Style the scrollbar when it's being dragged */
  ::-webkit-scrollbar-thumb:active {
    background-color: #8c8c8c;
  }
  

/* Top */

.site-1-home #g-top .g-content {
	padding: 0;
	margin: 0;
}

/* navigation */

.site-1 #g-navigation .menu-logo img {
	width: clamp(150px, 12vw, 300px);
}

.site-1 .g-main-nav .g-toplevel {
	justify-content: space-between;
}

.site-1 .menu-logo > .g-content {
	margin: 1.4rem;
	margin-right: 0;
	padding: 0;
}

.site-1 .menu-particle > div:nth-child(1) {
	padding: 0;
}

/* Main */

#g-container-main {
	min-height: 71.3vh;
}

/* Footer */

#g-footer .g-content {
	padding: 1.5%;
}

#g-footer p {
	margin-bottom: 0;
}

#g-footer .g-content-array .g-array-item .g-array-item-text, .site-1 #g-footer h2 {
	margin-top: 0;
}

/* copyright */

.site-1 #g-copyright {
	padding: 0;
}

/* sub pages */

@media (min-width: 50.99rem) {
	.grid-tiles .g-item-title {
		text-shadow: var(--default-box-shadow);
	}
}