/*-------------------------------------------------------
Theme Name: Garin College Theme
Author: Downing
Author URI: https://downing.marketing
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

/* 2025 Updates*/

#ourpeople-table td {
border: 0px;
}
/* drop down menu - level 1 */

    .nav li li {
        line-height: 14px;}
    #top-menu li li {
        padding: 0 0px;}
    #top-menu li li a {
        width: 220px;
        line-height: 1.4em;
        font-weight: 400;}
 /* drop down menu - level 2 */
    .nav li li ul {
        top: -3px;
        left: 180px;}

#main-header {
    border-bottom: #ffd400 solid 3px;
}

#top-menu li .menu-item-has-children > a:first-child {
	padding-right: 0px;
}

#layerslider_2 .ls-wrapper:hover {
opacity: 0.5!important;
}

#et-secondary-menu {
   float: right;
	position:inherit;
	display: flex !important;
	align-items: center !important;
}
#et-secondary-nav{
	width: 130% !important;
}
#et-secondary-nav li ul,#top-header {
    background-color: #790a3a;
}
.row-search-filter{
 padding: 0px !important;
}
#et-secondary-menu .row-search-filter fieldset{
	    margin: 0px;
}
#et-secondary-menu .row-search-filter .wpgb-input{
	padding: 0px 10px;
	height: unset !important;
	min-height: unset;
	font-size: 14px;	
	background: #fff;
	color: #000;
	border: none;
	line-height: 26px;
	
}
#et-secondary-menu .row-search-filter .wpgb-input-icon{
	display: none;
}
#et-secondary-menu .row-search-filter .wpgb-input::placeholder { 
  color: #fff;
  opacity: 0.5; 
}
#et-secondary-menu .row-search-filter .wpgb-button{
	line-height: 4px;
    margin: 0px;
	background-color: #000000 !important;
	font-size: 14px;
}
@media only screen and (max-width: 980px) {
#logo {
min-height: 100px;
}
}
@media only screen and (min-width: 981px) {
#logo {
min-height: 130px;
}
}

.screen-reader-text {
display: none;
}
 
input#s {
border-radius: 3px;
}
 
input#searchsubmit {
border: 1px solid #000000;
color: #FFFFFF;
background-color: #000000;
}
 
form#searchform {
float: right;
}

/* Switch Divi Logo on Mobile Devices */
@media only screen and (min-width: 981px) {
#logo-mobile {
display:none;
}
}

/* Restrict the width of the logo if necessary */
@media (max-width: 981px){
.et_header_style_left #logo-mobile {
max-width: 30%!important;
}
}

@media screen and (min-width: 480px) {
	#top-header .container {
		padding-bottom: 10px;
	}
/*  	#et-secondary-menu .et-social-icons {
		margin-top:;
	} */
}
 
#top-text p {
    margin-left: 10%;
    padding-top:10px;
	font-family: times-bold;
    font-size: 1.5em!important;
    position:absolute;
    text-transform:uppercase
}

#top-menu .menu-item:before{
 content: '|';
 position: absolute;
 right: 15px; /* adjust this number as you see fit. This may depend on the spacing of your menu items */
}
 
#top-menu .menu-item:last-child:before{
 content:'';
}
 
#top-menu .menu-item-has-children .sub-menu .menu-item:before{
 content:'';
}

#top-menu .menu-item-has-children > a:first-child::after, .fullwidth-menu .menu-item-has-children > a:first-child::after, #et-secondary-nav .menu-item-has-children > a:first-child::after {
 	display: none; 
}

/* Remove padding to accomodate for the submenu icon that is now invisible */
#et-secondary-nav .menu-item-has-children > a:first-child {
	padding-right: 0px;
}

/* Add some space after menu so not butt against the search form */
#et-secondary-nav.menu {
	margin-right: 20px;
}

/* Alignment of secondary menu items vertically */
#et-secondary-menu > ul > li > a {
	padding-bottom: 0.5em;
	padding-top: 5px;
}
#et-secondary-menu > #searchform {
	padding-top: 2px;
}

#main-header {
    border-bottom: #ffd400 solid 3px;
}

@media only screen and (min-width: 768px) {
.custom_blog .et_pb_post {
min-height: 520px;
max-height: 520px;
}
}

.alignleft {
    padding-right:20px;
}

.footer-right h3 {
    color:white;
}

.footer-right table {
    border:0;
    padding: 0px 0px 0px 0px;
    text-align:left;
}


.footer-right table tr th {
    padding: 0px 10px 0px 0px;
    color: white;
    font-weight:100;
    
}

.footer-right table tr th a {
    color: white;    
}

.footer-right table tr th a:hover {
    color:#fbd500;    
}
hr {
    border:0;
    margin-top:-16px;
	visibility: hidden;
}

tbody hr:after {
content:"......................";
letter-spacing: 3px;
}


blockquote{
  font-size: 1.4em;
  width:90%;
  margin:50px auto;
  font-family:Open Sans;
  font-style:italic;
  color: #2e3232;
  padding:1.2em 10px 1.2em 75px;
  border-left:8px solid #0e2d5c ;
  line-height:1.6;
  position: relative;
  background:#EDEDED;
}

blockquote::before{
  font-family:Arial;
  content: "\201C";
  color:#0e2d5c;
  font-size:4em;
  position: absolute;
  left: 10px;
  top:-10px;
}

blockquote::after{
  content: '';
}

blockquote span{
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}

/* Menu Chevon */
.vertical-align-middle { 
    vertical-align: middle; 
}

.padding-bottom-3 {
    padding-bottom: 3px;
}

/* Style the Blurbs Tabs */
#blurb-tabs .et_pb_column {
 display:flex;
 align-items:center;
 justify-content:center;
 flex-wrap:wrap;
}
#blurb-tabs .tab-title {
 width:20%;
}

/* Hover Styles for Blurb Tabs - Titles */
#blurb-tabs .tab-title {
 transition:all .3s ease-in-out;
}
#blurb-tabs .tab-title:hover {
 cursor:pointer; 
 background:#505050; /* Tab hover background color */
}
#blurb-tabs .tab-title.active-tab {
 background:#D9DFE2; /* Active tab background color */
}
#blurb-tabs .tab-title.active-tab .et_pb_blurb_container h4 a {
 color:#000; /* Active tab title color */
}
#blurb-tabs .tab-title.active-tab .et-pb-icon {
 color:#666!important; /* Active tab icon color */
}

/* Tab Titles Mobile Styles */
@media (max-width: 767px ) {
 #blurb-tabs .tab-title {
 width:50%;
 }
 #blurb-tabs .tab-title .et_pb_main_blurb_image {
 margin-bottom:10px; /* Reduce icon bottom margin */
 }
}

@media (max-width: 479px ) {
 #blurb-tabs .tab-title {
 width:100%;
 }
 #blurb-tabs .tab-title .et_pb_blurb_content { /* This moves icon to the right */
 display:flex;
 align-items:center;
 justify-content:flex-start;
 }
 #blurb-tabs .tab-title .et_pb_main_blurb_image { /* Fix icon margins on mobile */
 margin-bottom:0;
 margin-right:30px;
 }
}

/* Hide the tabs content/sections */
.tab-content {
 display:none;
}


/* Ninja Forms */
.nf-form-content  hr:after {
content:"....................................................................................................................................";
letter-spacing: 3px;
color: #790a3a;
font-size:1.2em;
}

#nf-field-271 {
 /* Center the button */
 display: block;
 margin: auto;
 font-size: 18px;
 background-color: #780a3a;
 color: #fff; 
 border: 1px solid #790a3a;
 border-radius: 9px;
 padding: 10px 20% 10px 20%;    /* Button size */
 text-shadow: 0 0 1px #453f3f;  /* Text effects */
 box-shadow: 0px 1px 1px #444;  /* box effects */
 }

#nf-field-271:hover{
 box-shadow: 1px 1px 2px #ccc;
 color: #4f4f4f;
 text-shadow: 5px 5px 8px #453f3f;
 }


.nf-fu-fileinput-button {
background-color:#790a3a!important;
padding: 7px 15px 7px 15px;
border-radius:3px
}

.nf-previous {
background-color:#790a3a!important;
border-radius:3px
}

.nf-next {
background-color:#790a3a!important;
border-radius:3px
}

/* Table styling */
.table thead {
	background-color: #fdecb1;
	border-bottom: 2px solid #fbd547;
}

.table {
	overflow-x: auto;	
}

.table td {
	border-left-color: rgb(238, 238, 238);
 	border-left-width: 1px;
	border-left-style: solid;
	vertical-align: top;
}

.table .sports_table td {
	vertical-align: top;
}

.table.fees tr td {
	width: 75%;
}

/* List indentation */
.et_pb_text ul, .et_pb_text ol {
	margin-left: 0; 
	padding-left: 30px;
	list-style-position : outside;
}

/* Vertically center images within columns */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}

/* Search Results Page */
.search #left-area
{
    -moz-column-count: 1;
    column-count: 1;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.search #left-area .et_pb_post a img {
 float:left !important;
 max-width:300px !important;
 padding:10px;
}
.search #left-area ul  {
 list-style-type: none !important;
}
.search .et_pb_post > a {
    margin: -20px -20px 10px;
    display: block;
}
 
.search #left-area .et_pb_post {
    overflow: hidden;
    page-break-inside: avoid;
    break-inside: avoid-column;
    width: 100%;
    padding: 19px;
    border: 1px solid #d8d8d8;
    background-color: #fff;
    word-wrap: break-word;
    display: inline-block;
    margin-bottom: 10px;
}
 
.search #left-area .et_pb_post h2{
    font-size: 18px;
}
 
.search #left-area .et_pb_post.format-link,
.search #left-area .et_pb_post.format-quote,
.search #left-area .et_pb_post.format-audio
{
    padding: 0;
}
 
.search .et_pb_post .et_pb_image_container,
.search .et_pb_post .et_main_video_container,
.search .et_pb_post .et_audio_content,
.search .et_pb_post .et_pb_slider {
    margin: -20px -20px 10px;
}
 
.search .et_pb_post .et_pb_slider .et_pb_slide {
    min-height: 180px;
}

span.mobile_menu_bar:before {
    color: #fbd602 !important;
}

.et_mobile_menu {
    border-top: 3px solid #fbd602; 
}
 
.search .pagination {
    padding: 20px 0;
}

.search .entry-title a{
    color: #7a0437;
}
.search .entry-title a:hover{
    text-decoration: underline !important;
}
/* Moblie Menu Collapse */
#main-header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
#main-header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
#main-header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
#main-header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important;  transition: all 1.5s ease-in-out;}
#main-header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }


/* New Home page styles */
.overlay-one { 
	position: relative;
	display: inline-block;
}

.overlay-one:after {
  content:'';
  position:absolute;
  left:0; top:0;
  width:100%; height:100%;
  display:inline-block;
  background-blend-mode: overlay;
  background: -moz-linear-gradient(180deg,rgba(0,0,0,0) 50%,#000000 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(180deg,rgba(0,0,0,0) 50%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(180deg,rgba(0,0,0,0) 50%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(180deg,rgba(0,0,0,0) 50%,#000000 100%); /* IE10+ */
  background: linear-gradient(180deg,rgba(0,0,0,0) 50%,#000000 100%); /* W3C */
}

.overlay-one img{
  display:block;
}