@import url('//fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Tangerine:wght@400;700&display=swap');
/************ TEMPLATE  ************

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

.site-1 {
    --primary-color: #001940;
    --secondary-color: #ADA17F;

    --primary-rgb: 0,25,64;
    --secondary-rgb: 173,161,127;

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

    --title-font-family: 'Tangerine', cursive;
    --body-font-family: 'Montserrat', 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);
    --ql-font-size-desktop: 3vw;
    --ql-font-size-mobile: 8vw;
	
    --ph-big-sq-width: 33vw;
    --ph-background-color: var(--primary-color);
    --ph-title-color: var(--primary-color);
    --ph-title-font: var(--body-font-family);
    --ph-title-font-size-desktop: 2vw;
	
    --rok-mini-timeline: var(--secondary-color);
    --rok-mini-text: var(--default-white);
	
	--h2-font-variant-caps: normal;
	
	--grid-font-size-desktop: 3vw;
	--swiper-title-font-size-desktop: 3vw;
	--swiper-title-font-size-mobile: 9vw;
	--swiper-text-color: var(--primary-color);
	--swiper-text-font-size-desktop: 1.2vw;
	
	--grid-tile-height: 15vw;
	--grid-title-font-size-mobile: 4vw;
	--grid-title-font: var(--title-font-family);

	--hero-title-font-size-mobile: 11vw;
	--hero-title-font-size: 5vw;
}

.circle-links {
	--ql-font-size-desktop: 3vw;
	--body-font-family: var(--title-font-family);
}

.readon, .button, .btn, p.readmore .btn, .sprocket-lists-portrait-container > li .sprocket-lists-portrait-item > a span, .listentobutton.moduletable a {
    background: var(--secondary-color);
	border-radius: 0;
    font-family: 'Montserrat', sans-serif;
} 
.button:hover, .readon:hover {background: var(--primary-color); color: white;}


a.whitebutton { 
  color: var(--primary-color); 
  font-size: 1rem;
  text-transform: none;
  font-weight: normal;
  background: #ffffff; 
  padding: .7rem 1.3rem; 
  border-radius: 0; 
  margin: 0;
  display: inline-block;
  font-weight: 500;
  line-height: 1.125rem;
  border: 2px solid var(--primary-color);
  transition: all .2s ease-in;
}
.whitebutton:hover {background: var(--primary-color);; color: white;   border: 2px solid var(--primary-color);
}

h1 {font-size: clamp(3rem, 5vw, 5rem);}
.page-header h2, h2 {
	font-size: 4rem;
}
h3, h5, blockquote {font-size: 3rem;}

.item-image {
	display: none;
}

h6.mixedcase {text-transform: var(--text-transform-none);}

/*************** HOMELAYOUT ***************/ 
/*************** OFFCANVAS ****************/
.g-offcanvas-toggle {color: var(--primary-color);} 
.g-offcanvas-toggle .fa-fw {text-shadow: none;}

/*************** TOP **********************/ 

.site-1 #g-top .g-content-array {
	margin: initial;
}

.alert-particle > div:nth-child(1) {
	padding: 1rem 5%;
	margin: 0;
}

.alert-particle .g-content-array .g-item-title a {
	font-size: 3rem;
}

.alert-particle .g-content-array .g-content {
	padding: 0;
}

.alert-particle p {
	margin-bottom: 0;
	line-height: 1.5;
}

.alert-particle a {
	pointer-events: none;
}

@media (max-width: 50.99rem) {
	.alert-particle > div:nth-child(1) {
		padding-left: 10%;
	}
}

/*************** NAVIGATION ***************/

.site-1 #g-navigation  .main-menu span {
	font-family: var(--body-font-family);
}

.site-1 #g-navigation > div {
	position: relative;
}

.site-1-home #g-navigation > div > div:nth-child(2) {
	height: clamp(40px, 3.5vw, 60px);
}

.swiper-logo {
    position: absolute;
    top: 16vw;
    z-index: 3;
	transform: translate(-50%);
	left: 50%;
	width: clamp(130px, 64vw, 1500px);
}

.swiper-logo img {
	width: clamp(130px, 64vw, 1500px) !important;
}

.top-link-icons {
    display: flex;
    justify-content: center;
    align-items: center;
	margin: 1rem;
}

.top-icon-links {
    display: flex;
    flex-direction: row;
}

.top-link-icons .g-content-array .g-array-item .g-array-item-text {
    margin: 0;
    padding: 0;
}

.top-icon-links > div {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 1vw;
}

.top-icon-links > div:not(.top-icon-links > div:last-child) {
    border-right: 2px solid var(--primary-color);
    padding-right: 1vw;
}

.top-icon-links p {
    margin: 0;
    padding: 0;
    text-transform: uppercase;
    font-weight: 600;
}
.top-icon-links a {
    display: flex;
    flex-direction: row;
    gap: .5vw;
    color: var(--primary-color)!important;
}

.top-icon-links a:hover {
    color: var(--default-white)!important;
}

.top-social-links a {
	margin-right: .5vw;
}
	
@media (min-width: 50.99rem) {
	
	.g-main-nav .g-toplevel > li:hover {
		transition: all 250ms ease-in-out;
		box-shadow: inset 0px -2px 0px 0px #ffffff;
	}
	
	.g-main-nav .g-toplevel > li {
		transition: all 250ms ease-in-out;
	}
	
}

.site-1-home .g-main-nav .g-toplevel {
	padding: 1vw 0;
}

.ql-solid-color {
	padding: 1% 3% 0 3%;
}

.sub-page-logo {
	background: var(--primary-color);
	padding: 2rem 0;
}

.ql-solid-color .g-blockcontent-subcontent {display: flex; flex-direction: row; gap: 1.5vw;}
.ql-solid-color .g-blockcontent-subcontent-block {position: relative; background: rgba(var(--secondary-rgb),.8); height: 7vw; transition: var(--default-transition);}
.ql-solid-color.ql-offset .g-blockcontent-subcontent-block {background: rgba(var(--secondary-rgb),.8);}
    
.ql-solid-color.ql-offset .g-blockcontent-subcontent-block:nth-child(odd):hover {background: #777;}
.ql-solid-color.ql-offset .g-blockcontent-subcontent-block:nth-child(even):hover {background: #777;}
.ql-solid-color .g-blockcontent-subcontent-block:hover {background: var(--secondary-color); transform: scale(1.05);}
.ql-solid-color .g-blockcontent-subcontent-block-content {margin: 0; padding: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;}
.ql-solid-color .g-blockcontent-subcontent-title {margin: 0; padding: 0 2vw; color: var(--default-white); text-align: center; line-height: 0.7;}
.ql-solid-color .g-blockcontent-subcontent-title-text {font-family: var(--body-font-family); font-weight: 400; text-transform: uppercase; letter-spacing: 1px;}
.ql-solid-color .g-blockcontent-buttons {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0; margin: 0;}
.ql-solid-color .g-blockcontent-buttons a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0; margin: 0; background: transparent; border-radius: 0; opacity: 0;}


@media only screen and (min-width: 50.99rem) {
	
	.top-icon-links img {
		height: 1.1rem;
		width: auto;
	}
	
	.site-1-home .main-menu {
		position: absolute;
		top: clamp(40px, 3.5vw, 60px);
		z-index: 10;
	}
	
	.site-1-sub #g-navigation > div > div:nth-child(1) {
		height: clamp(40px, 3.5vw, 60px);
	}

	
}


@media only screen and (max-width: 50.99rem) {

    .ql-solid-color .g-blockcontent-subcontent {display: flex; flex-direction: column; gap: 1.5vw;}
    .ql-solid-color .g-blockcontent-subcontent-block {position: relative; background: rgba(var(--secondary-rgb),.8); width: 100%; height: 7vw; transition: var(--default-transition);}
    .ql-solid-color.ql-offset .g-blockcontent-subcontent-block {background: rgba(var(--secondary-rgb),.8);}
    
    .ql-solid-color.ql-offset .g-blockcontent-subcontent-block:nth-child(odd):hover {background: #777;}
    .ql-solid-color.ql-offset .g-blockcontent-subcontent-block:nth-child(even):hover {background: #777;}
    .ql-solid-color .g-blockcontent-subcontent-block:hover {background: var(--secondary-color); transform: scale(1.05);}
    .ql-solid-color .g-blockcontent-subcontent-block-content {margin: 0; padding: 0; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;}
    .ql-solid-color .g-blockcontent-subcontent-title {margin: 0; padding: 4vw 1rem; color: var(--default-white); text-align: center; line-height: 0.7;}
    .ql-solid-color .g-blockcontent-subcontent-title-text {font-family: var(--body-font-family); font-weight: 400; text-transform: uppercase; letter-spacing: 1px;}
    .ql-solid-color .g-blockcontent-buttons {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0; margin: 0;}
    .ql-solid-color .g-blockcontent-buttons a {position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; padding: 0; margin: 0; background: transparent; border-radius: 0; opacity: 0;}


	.ql-solid-color {
		position: relative;
		z-index: 10;
		top: 0;
		margin: 5% 0;
	}
	
	#g-navigation > div:nth-child(1) > div:nth-child(6) {
		background: white;
	}
	
	#g-navigation > div > div:nth-child(2) {
		height: unset;
	}
	
	
	.top-icon-links img {
		height: 1.2rem;
		width: auto;
	}
	
	.top-icon-links div {
		margin-bottom: 1rem;
	}
	
	.top-icon-links {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	#g-navigation .showmobile img {
		margin-left: 1rem;
		padding: 1rem 0;
	} 
	
	#g-navigation .showmobile {background: var(--primary-color);}
	
	.g-offcanvas-toggle {color: var(--secondary-color);}
	
	.top-link-icons {
		margin-bottom: 0;
	}
	
	.site-1-sub .g-offcanvas-toggle {
		margin-top: 4.6rem;
	}
	
	.site-1-home #g-navigation > div > div:nth-child(2) {
		height: initial;
	}
	
}

/*************** SLIDESHOW ****************/ 
/*************** HEADER *******************/
/*************** ABOVE ********************/
/*************** SHOWCASE *****************/

h2.g-title {
	font-size: 3.5rem;
	}


@media only screen and (min-width: 50.99rem){
	.ph-sidepics-3.ph-wide .g-array-item {
		grid-template-rows: 40% 50% 10%;
	}
}

@media only screen and (max-width: 50.99rem) {
	.swiper-text-split .g-swiper > .g-swiper-slider > .swiper-slide > .slide > .slide-content-wrapper > .slide-content > .g-swiper-text :is(p) {
		margin-bottom: 1.5vw;
}
}

/*************** UTILITY ******************/
/*************** FEATURE ******************/
/*************** MAIN *********************/

.site-1-home #g-mainbar .news-button .button {background: var(--primary-color)}

/*.site-1-home #g-sidebar {height: 100%;}
.site-1-home #g-sidebar > div:nth-child(1) {height: 15%}*/

.site-1-home #g-mainbar .button, .site-1-home #g-extension .button {
	font-size: clamp(1.1rem, 1.3vw, 2rem);
	padding: 1rem 2rem;
}

.site-1-home .g-array-item-read-more a {
	color: transparent;
}

/*.site-1-home #g-expanded > div {
    background: rgba(var(--primary-rgb),.8);
    padding: 3vw 5% 6vw 5%!important;
}
.site-1-home #g-expanded {
	background: url('/images/template/paralax2.jpg') 50% 50% no-repeat;
	background-size: auto clamp(110%, 100vw, 100vw);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
} */


.ph-sq-5 .g-joomla-articles {
	margin-right: 3vw;
}

.ph-sq-5 h2.g-title {
	font-size: clamp(4rem, 4.5vw, 6rem);
}

@media only screen and (max-width: 50.99rem) {
	
	#g-sidebar > div {
		display: contents;
	}
	
	.site-1-home {
		--ph-title-color: black;
	}
	
	.ph-sidebyside-mobile .g-joomla-articles > div:hover {
		transform: scale(0.98);
		transition: 0.5s;
	}
	
	.ph-sidebyside-mobile .g-joomla-articles > div {
		transition: 0.3s;
	}
	
	.ph-sidebyside-mobile .g-joomla-articles {
		margin-right: 0;
	}
	
	.ph-sidebyside-mobile .g-content-array {
		padding: 2rem;
		padding-top: 0;
		padding-bottom: 1rem;
	}
	
	.circle-links {
		margin-bottom: 3rem;
	}
	
	.page-header h2 {
		font-size: 4rem;
	}
	
}

/*************** EXPANDED *****************/ 
/*************** EXTENSION ****************/

.site-1-home #g-extension {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.rok-mini-particle .g-title {
    color: var(--default-white);
    border: none;
    font-size: clamp(4rem, 4vw, 6rem);
    font-weight: 400;
    letter-spacing: 2px;
}

.rok-mini-particle {
	padding-bottom: clamp(2rem, 2vw, 3rem);;
}

.calendar-button > div {
	padding: 0;
	margin: 0;
}

/*************** BOTTOM *******************/

.site-1 #g-bottom > div > div > div {
	margin-top: -3vw;
} 

/*************** BOTTOM *******************
#g-bottom:not(.homelayout #g-bottom) {position: fixed; bottom: 30px; right: 15px; background: transparent;}*/
#g-bottom {
  position: fixed;
  bottom: 75px;
  z-index: 99999;
  right: 0px;
  background: transparent;
}
.fixedbutton .button {
  border-radius: 10px 0 0 10px;
  background: var(--secondary-color);
  border: 2px solid var(--primary-color);
  color: white;
}
.fixedbutton .button:hover {
  border-color: var(--primary-color);
  background: var(--primary-color);
  color: #ffffff;
}

#g-bottom .fixedbutton p {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  #g-bottom {
    position: fixed;
    bottom: 35px;
    right: 0px;
    background: transparent;
  }
}

/*************** FOOTER *******************/
#g-footer .g-content-array {margin: 0;}
#g-footer a {color: var(--default-white);} 
#g-footer {font-family: initial;}

.site-1 #g-footer p a {
	color: var(--secondary-color);
}

.site-1 #g-footer a:hover {
	color: lightgrey;
}

/*************** COPYRIGHT ****************/ 
/*************** MODULES ******************/
.moduletable .nav.menu, .moduletable .unstyled {background: var(--primary-color);} 
.moduletable .nav.menu li.current.active a, .moduletable .nav.menu li a:hover {    
    color: var(--primary-color); 
    background: var(--secondary-color);
} 
/*************** SECTIONS *****************/
/*************** MOBILE *******************/ 
/*************** ADS **********************/

.site-1-home .modern-alert .g-item-title a,
.modern-alert .g-array-alert-title h1 {
	font-family: var(--body-font-family) !important;
}

@media (max-width: 50.99rem) {
	.site-1-sub .ph-rec-row .g-item-title {
		font-size: 3.4rem;
	}
}

#casasponsorpage h3 {
	font-size: 2rem !important;
}
.site-1-sub #g-mainbar > div > div > div > div > div > div > div:nth-child(3) > div > div > div > div.sprocket-tabs-panel.active > a {
	display: none;
}