/*
Custom Theme Campaigns
*/

:root {
	--montserrat: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
	--lora: 'Lora', Georgia, 'Times New Roman', Times, serif;

/* Colors */

	--main-color: #002137;
	--secondary-color: #97CFF3;
	--accent-color: #6B7E8A;
	--blue:#1F9DD2;
	--text: #2A2A2A;
	--gray: #D0D4DB;
	--off-white: #FAF6F0;
	--opaque: rgba(254,254,254,0.8);
	--shadow:0px 5px 15px -7px rgba(0,0,0,0.75);
	--shadow-small:0px 0px 7px -4px rgba(0,0,0,0.75);
	--text-shadow-light: 1px 1px 3px rgba(210, 210, 210, 0.7);
	--text-shadow-dark: 1px 1px 3px rgba(210, 210, 210, 0.7);
	--gradient: linear-gradient(180deg,rgba(230, 244, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);
}

body{font-size:18px;line-height:140%;font-family:var(--lora);}
.gradient-background {background: #e6f4fc;background-image:url('./img/dot.png'), linear-gradient(180deg,rgba(230, 244, 252, 1) 0%, rgba(237, 237, 237, 1) 100%);}
#header .panel {padding:15px;}
.panel {background:white;margin:15px 0px;padding:30px;box-shadow:var(--shadow-small);border-radius:14px;}
.panel.inside {margin-top:0px;height:100%;padding-bottom:0px;}
.panel.thin {padding:15px 30px;margin-top:0px;}
a {color:var(--text);transition: all 0.5s;}
* a:hover {color:var(--blue);}
a.plain, a.plain:hover {text-decoration:none;}
/* UTILITIES */

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {font-weight:500;font-family:var(--montserrat);margin-bottom:1.5rem;}


/* Header */
img.brand {width:100%;height:auto;}
.button-wrapper {display:flex;justify-content:end;}

/* Defaults */
.column-panel{padding-right:40px;border-right:1px solid var(--gray);}
.featured-hero {border-radius:8px;box-shadow:var(--shadow-small);width:100%;}
.featured-meta {text-align:center;margin:8px;}
.meta-name {font-weight:bold;}
.meta-position {font-size:15px;}
.entry-content li {margin-bottom:5px;}
.soc-med-messengers {display:flex;flex-direction:row;gap:24px;align-items:center;justify-content: center;}
.h3.title {
	display: inline-flex;
	padding: 8px 12px;
	border-left: 8px solid var(--blue);
	background: var(--gradient);
	box-shadow:var(--shadow-small);
	text-shadow:var(--text-shadow-dark);
}

/* Buttons */
.btn {font-family:var(--montserrat);font-weight:500;box-shadow:var(--shadow-small);}
.cl-btn {background: white;border:1px solid black;letter-spacing:0.7px;}
.cl-btn:hover {background: black;color:white;}
.tg-btn, .wa-btn {font-family:var(--lora);font-size: 15px;text-shadow: var(--text-shadow-light);background: #25D366;padding:4px 20px;color: white;border: 2px solid #25D366;border-radius: 20px;padding: 2px 12px;box-shadow: 0px 5px 20px -10px var(--text);}
.tg-btn{background: #FFFFFF;border: 2px solid #24A1DE;color: #24A1DE;text-shadow: 1px 1px 3px rgba(210, 210, 210, 0.7);}
.wa-btn:hover {background : #FFFFFF;color : #25D366;border-color: #25D366;text-shadow: 1px 1px 3px rgba(210, 210, 210, 0.7);}
.tg-btn:hover {background : #24A1DE;color : #FFFFFF;text-shadow: 1px 1px 3px rgba(24, 24, 24, 0.7);}

/* Forms */
#campaigns_form .h3 {margin-bottom:0.5rem;}
.form-field {display:flex;padding:0px;margin:0px 0px 10px 0px;}
.form-field .form-textbox, .form-field .form-select {display: block;width: 70%;padding: 0.375rem 0.75rem 0.375rem 0.75rem;-moz-padding-start: calc(0.75rem - 3px);font-size: 1rem;font-weight: 400;line-height: 1.5;color: #212529;background-color: #fff;background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;border: 1px solid #ced4da;border-radius: 0.375rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.form-field .form-textbox:focus, .form-field .form-select:focus {border-color: #86b7fe;outline: 0;box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);}
.field-label {display:block;padding-bottom:4px;font-family:var(--montserrat);font-size:16px;}
#main-form .form-field.confirm-email{display:none;}
#main-form input , #main-form textarea {background-color: white;border: 1px solid #b8bdc9;border-radius: 4px;color: #2c3345;display: block;min-width: 100%;padding:8px;}
#main-form textarea {height:150px;}
#main-form .form-field {margin: 0px 0px 10px 0px;display:flex;flex-direction:column;}
.main-btn{font-family:var(--montserrat);font-size:16px;font-weight:500;display:block;background : white ;border: 1px solid black;color : black;border-radius:4px;padding:10px;box-shadow:0px 5px 20px -10px #2A2A2A;width:100%;transition: all 0.5s;}
.main-btn:hover {background : black; color : white;}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */color: #b8bdc9;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #b8bdc9;}::-ms-input-placeholder { /* Microsoft Edge */color: #b8bdc9;}
.back-to-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: 15px;z-index: 996;background: white;border:1px solid black;color: black;width: 40px;height: 40px;border-radius: 4px;transition: all 0.4s;text-decoration: none;}
.back-to-top:hover {background: black;color: white;}
.back-to-top.active {visibility: visible;opacity: 1;}


/* medium and up screens */
@media (min-width:769px) {
}

/* ################# Global Mobile Styling ################# */

@media (max-width:768px) {
	#header .row {gap: 24px;}
	.button-wrapper {justify-content:center;}
	.column-panel {padding-right: 0px;border-right:0;}
	.panel{padding:20px;}
	.panel.inside:first-child {margin-bottom:15px;}
	.insert-gap {gap:15px;}
	.soc-med-messengers {margin-bottom:24px;}
}