/*
Theme Name: SEA Child Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Superseed
Author URI: https://superseedstudio.com
Description: A plain-vanilla & lightweight theme for Elementor page builder
Tags: flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 2.3.0.1601638311
Updated: 2020-10-02 13:31:51

*/

:root {
	--color-blue: #1C3A85;
	--color-gold: #BFA647;
	--color-grey: #E9E9E9;
	--color-white: #FFF;
}


/* Shell */

.left-hand-col {
		position: fixed !important;
		top: 0;
		height: 100vh;
		max-height: 100vh !important;
		overflow: hidden !important;
}

.right-hand-col {
		margin-left: 20%;
}


@media (max-width: 1024px) and (min-width: 768px){
	.left-hand-col {
		display: none !important;
	}
	
	.elementor-41 .elementor-element.elementor-element-c7b2542 {
		margin-left: 0 !important;
	}
	
	.elementor-264 .elementor-element.elementor-element-339dccf {
		margin-left: 0 !important;
	}
	
}

@media (max-width: 768px) and (min-width: 320px) {
	.left-hand-col {
		display: none !important;
	}
	
	.elementor-41 .elementor-element.elementor-element-c7b2542 {
		margin-left: 0 !important;
	}	
	
	.elementor-264 .elementor-element.elementor-element-339dccf {
		margin-left: 0 !important;
	}
}

/* Nav */

.fa-chart-pie,
.fa-copy,
.fa-question-circle,
.fa-envelope,
.fa-user {
	font-family: Font-Awesome;
	margin-right: 10px;
}


/* Buttons */

#btn-menu {
	background-color: transparent;
	color: var(--color-blue);
	
}

#btn-gold-clear {
	background-color: transparent;
	padding: 0;
	color: var(--color-gold);
	font-weight: 500;
	text-transform: uppercase;
}

#btn-gold-clear .fa-download {
	color: var(--color-gold);
}

/* Home */

.search-bar {
	width: 60% !important;
	margin: auto;
	border-radius: 10px;
}

/* Contact */

body .gform_wrapper ul li.gfield {
	margin-top: 0 !important;
}

#field_1_4 {
	margin-top: 20px !important;
}

/* Report */

.wpv-filter-form {
	display: flex;
	justify-content: space-between;
	background-color: var(--color-white);
	padding: 0 1rem 1rem 1rem;
    margin-bottom: -1.3rem;
		
}

.wpv-filter-form .form-group {
	width: 15%;
}

.wpv-filter-form .form-group select {
	border: none;
}

#wpv-view-layout-228,
#wpv-view-layout-432{
	padding: 2rem 0;
}

#wpv-view-layout-228 ul,
#wpv-view-layout-432 ul{
	padding-left: 0;
}

#wpv-view-layout-228 li,
#wpv-view-layout-432 li{
	list-style: none;
	margin-bottom: 10px;
}


.output-wrapper {
	padding: 1rem 1.2rem;
	background-color: var(--color-white);
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--color-blue);
	font-size: 14px;
}
.output-wrapper span {
	width: 15%;
}

.output-wrapper .btn-gold {
	background-color: var(--color-gold);
	text-align: center;
	padding: 12px 14px;
	width: 13%;

}

.output-wrapper .btn-gold a {
	color: var(--color-white);
	margin-left: 20px;
}

.fa-download {
	color: var(--color-white);
}

.bdt-search .bdt-search-icon:not(a):not(button):not(input) {
	background-color: var(--color-gold);
	color: var(--color-white);
	width: 12%;
	border-radius: 2px;
}

/* Search Archive */

.school-output-wrapper a {
	color: var(--color-white) !important;
	background-color: var(--color-gold);
	padding: 14px 16px;
}

@media only screen and (max-width: 425px) {
	.output-wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
	.output-wrapper span {
		width: 100%;
	}
	
	.output-wrapper .btn-gold {
		width: 100% !important;
    	margin-top: 14px;
	}
}

@media only screen and (max-width: 768px) {
	.wpv-filter-form {
		flex-direction: column;
	}
	
	.wpv-filter-form .form-group {
		width: 100%;
	}
	
	.output-wrapper span {
		width: auto !important;
	}
	.output-wrapper .btn-gold {
		width: 20%;
	}
}