/*
Theme Name: Fluida Child Theme for FGDL
Description: This is a child theme for the Fluida Plus theme by Cryout Creations, styled for FGDL. 14 November 2024.
Author: IDT
Template: fluida-plus
Version: 2.0
*/

@import url("../fluida-plus/style.css");

/* FULL SITE */

a:link{
	text-decoration: none !important;
}

a:visited{
	text-decoration: none !important;
} 

a:hover{
	text-decoration: none !important;
}

a:active{
	text-decoration: none !important;
}

.faq {
	color:#fff !important;
}

/* LANDING PAGE */ 

/* Make main button bigger */

a[class^="staticslider-button"],
.seriousslider.seriousslider-theme .seriousslider-caption-buttons a {
	position: relative;
    display: inline-block;
    margin-top: 1em;
    padding: 0.8em 2em;
	border: 2px solid transparent;
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	-webkit-transition: .2s ease-out all;
	transition: .2s ease-out all;
	opacity: 0;
	-webkit-animation: .75s .5s animation-slider-text ease-in-out forwards;
	animation: .75s .5s animation-slider-text ease-in-out forwards;
}

/* Make main text smaller */

.lp-staticslider .staticslider-caption-title,
.seriousslider.seriousslider-theme .seriousslider-caption-title {
	position: relative;
	margin: 0;
	font-size: 3em;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	color: #FFF;
	opacity: 0;
	-webkit-animation: .75s .3s animation-slider-title ease-in-out forwards;
	animation: .75s .3s animation-slider-title ease-in-out forwards;
}

/* BORDERS & TABLES */

/* explore-border: dark blue, slightly rounded border */

#container .explore-border {
   border-style: solid;
   border-width: 2px;
   border-color: #38668F !important;
	border-radius: 3px;
   padding: 30px 15px 15px 15px;
}

/* faq-border: black, slightly rounded border */

#container .faq-border {
   border-style: solid;
   border-width: 1px;
   border-color: #OOO !important;
	border-radius: 1px;
}

/* General Tables */
th { 
	background: #6B99C2 !important;
	border: 1px solid #6B99C2 !important;
	color: #fff !important;
	vertical-align: bottom;
}

td {
	border-bottom: 2px solid #6B99C2 !important;
	vertical-align: middle;
}

/* Update Table */
.su-table.update-table td {
	border-bottom: 2px solid #6B99C2 !important;
	border-right: 1px solid #fff !important;
	border-left: 1px solid #fff !important;
}

.su-table.update-table th { 
	background: #6B99C2 !important;
	border: 1px solid #6B99C2 !important;
	color: #fff !important;
}

/* EXPAND */
.su-expand-link a:hover {
	color: #FBAF16 !important;
}

.su-expand-link:hover {
	opacity: 1;
}

/* FIXING WORDPRESS UPDATES */

ul, ol {
	list-style-position: inside;
	margin-left: 15px;
}

.popupicon {
	color: #6B99C2;
	align-content: center;
}

.popup-button a:hover {
	color: #FFF;
	background-color: #333 !important;
}

/* in the long term, we don't want to use !important. instead, look to adjust .wp-block-button:hover */
/* try overwriting both the background-color and opacity within the style.css and see if that works */
/* NEW VALUES:
	background-color: #333;
	opacity: 1; */