/*
Theme Name: Silent Atlantic Child Theme
Theme URI: https://re-volve.net
Template: Divi
Author: Re-Volve
Author URI: https://re-volve.net
Description: Child theme created from Divi by Elegant Themes
Version: 1.0.1603709679
Updated: 2025 05 01

*/
/* Global Colour Variables Used by Divi 5*/
/*    
    --gcid-primary-color
    --gcid-secondary-color
    --gcid-heading-color
    --gcid-body-color

    Extend list as needed when adding more 
    global variables via the fron end
*/
/* ----------------------------------*/

::selection {
	background: var(--gcid-primary-color);
	color: var(--gcid-secondary-color);
}
html::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
html::-webkit-scrollbar-thumb {
	background: var(--gcid-primary-color); ;
    border-radius: 16px;
    box-shadow: inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25);
}
html::-webkit-scrollbar-track {
    background: linear-gradient(90deg,rgba(0,40,80,0.4),rgba(0,40,80,0.4) 1px,rgba(0,40,80,0.4) 0,rgba(0,40,80,0.4));
}


@font-face {
  font-family: 'Galano';
  src: url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Regular.woff2') format('woff2'),
       url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'GalanoBold';
  src: url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Bold.woff2') format('woff2'),
       url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Bold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'GalanoLight';
  src: url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Light.woff2') format('woff2'),
       url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'GalanoItalic';
  src: url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Italic.woff2') format('woff2'),
       url('/wp-content/themes/silent-atlantic/assets/fonts/GalanoGrotesque-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Almarena';
  src: url('/wp-content/themes/silent-atlantic/assets/fonts/Almarena-Regular.woff2') format('woff2'),
       url('/wp-content/themes/silent-atlantic/assets/fonts/Almarena-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*  Now setting via Divi Global Variables
body,div,p,a,span{
	font-family:Galano;
}
i{
	font-family:GalanoItalic
}
h1,h2,h3,h4,h5{
	font-family:GalanoBold
}
h1{
	line-height:1.2em;
}
*/
/* ------------------------------------------------ */
/* ------ Styling Loop Items ---- */
/* ------------------------------------------------ */

/* ----Target First Item for different layout*/
#rv_loopModuleRow .et_pb_column_12{

    display: grid;
    grid-template-columns: 66.67% 33.33%;
	border:0;
}
#rv_loopModuleRow .et_pb_column_12 .loopImage img{
	/*height:40vh;*/
}

#rv_loopModuleRow .et_pb_column_12 .loopCategory{
	margin-top:auto !important;
}
#rv_loopModuleRow .et_pb_column_12 .loopTitle h2{
	font-size:2em;
}
#rv_loopModuleRow .et_pb_column_12 .loopDate{
	margin-bottom:auto !important;
}
#rv_loopModuleRow .loopTitle h2{
	background-image: linear-gradient(to bottom, #ffd02c 0, #ffd02c 100%);
    background-position: 0 1.3em;
    background-repeat: no-repeat;
    background-size: 0;
    transition: background .2s;
	display:inline;
	line-height:1.4em
}
#rv_loopModuleRow .loopColumn:hover .loopTitle h2{
	 background-size: 100%;
}

#rv_loopModuleRow .loopTitle h2:hover{
	 background-size: 100%;
}
@media only screen and (max-width: 760px) {
	#rv_loopModuleRow .et_pb_column_12{
		display: grid;
		grid-template-columns: 100%;
	}
}