/*

original green: #15a238

*/

:root {
    --primaryColor: #27ae60;
    --secondaryColor: #008c22;

    --primaryBackgroundColor: #363c48;
}

/* Google Font */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);

@font-face {
    font-family: 'Edo';
    src: url('../fonts/Edo.eot');
    src: url('../fonts/Edo.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Edo.woff2') format('woff2'),
        url('../fonts/Edo.woff') format('woff'),
        url('../fonts/Edo.ttf') format('truetype'),
        url('../fonts/Edo.svg#Edo') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	padding-right: 0 !important;
	behavior: url( 'csshover.htc' ) !important;
	font-family: Open Sans, Helvetica, Arial, sans-serif;
	font-size: 15px;
}


/*---------------------- Linkology -----------------------*/

a { color: var(--primaryColor); }

a:focus { outline: none !important; }

a:hover,
a:active,
a:focus { color: var(--secondaryColor); }

a.disabled { pointer-events: none; }

/*------------------------ Lists --------------------------*/

ul, ol { padding: 0; }

/*------------------------ elements -----------------------*/

label { font-weight: normal; }

span.gap { margin-right: 15px; }

/*---------------- text alignment & style -------------------*/

.text-center { text-align: center; }
.text-right { text-align: right; }

.textshadow { text-shadow: rgba(0, 0, 0, 0.7) 0px 1px 1px; }

.extf {
	font-family: Edo, Arial, sans-serif;
	line-height: 1;
}

/*-------------------------- Typography ---------------------*/

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
}

h1 { font-size: 22px; }

h2 {
	font-size: 18px;
}




/*----------------------- Margins ---------------------------*/

.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }

.no-margin { margin: 0 !important; }

/*------------- Bootstrap fixes & additions -----------------*/

.modal { overflow-y: auto; }

.modal-open { overflow: auto; }

/* no gutters for grid structure */
.row.no-gutter { margin-right: 0; margin-left: 0; }
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}



/*---------------------- Common styles ----------------------*/

.shadowed {
    box-shadow: 0 2px 10px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0 2px 10px rgba(0,0,0,0.7);
    -moz-box-shadow: 0 2px 10px rgba(0,0,0,0.7);
}

/* section titles */
/*
.section-title {
    width: 100%;
    margin: 20px 0;
    padding: 0;
    text-align: center;
    color: var(--primaryColor);
    font-family: Edo, Arial, sans-serif;
    line-height: 1;
}

.section-title:after,
.section-title:before {
    display: inline-block;
    content: " ";
    height: 1px;
    text-shadow: none;
    background-color: var(--primaryColor);
    width: 140px;
}

.section-title:after { margin: 0 0 8px 20px; }

.section-title:before { margin: 0 20px 8px 0; }

.section-title .fa { color: var(--primaryColor); }
*/

.section-title {
	border-bottom: 1px solid var(--primaryColor);
	font-weight: normal;
}

.section-title span {
	display: inline-block;
	padding: 8px 20px 4px 20px;
	color: #fff;
	background-color: var(--primaryColor);
	text-transform: uppercase;
}




.heading-title { padding-bottom: 5px; }

.heading-title:after {
    content: '';
    display: inline-block;
    width: 50px;
    height: 0;
    border-bottom: 1px solid var(--primaryColor);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.lined:after,
.lined-green:after,
.lined-gray:after,
.lined-lightgray:after {
	content:' ';
    display:block;
    border-bottom:1px solid #000;
    width: 30px;
}

.lined-green:after { border-color: var(--primaryColor); }
.lined-gray:after { border-color: #555; }
.lined-lightgray:after { border-color: #ccc; }

/* letter captioning */

.first-letter-capped::first-letter,
.first-letter-capped p:first-child::first-letter {
	float: left;
	display: block;
	font-family: Edo, Arial, sans-serif;
	font-size: 10rem;
	line-height: 1;
	color: var(--primaryColor);
	text-shadow: 3px 3px 0 #000;
	margin-right: 20px;
}

.first-letter-capped-heading {
	position: relative;
	margin-bottom: 15px;
}

.first-letter-capped-heading::first-letter {
    float: left;
    display: block;
    font-family: Edo, Arial, sans-serif;
    color: var(--primaryColor);
    text-shadow: 1px 2px 0 #000;
    margin-right: 5px;
}

/* CSS columns for content */

.column-text {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
    -webkit-column-gap: 20px; /* Chrome, Safari, Opera */
    -moz-column-gap: 20px; /* Firefox */
    column-gap: 20px;
    
    text-align: justify;
}

@media (max-width: 720px) {
    .column-text {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

div.tooltip .tooltip-inner {
	text-align: left !important;
	background-color: #333;
}

div.tooltip .tooltip-arrow { border-top-color: #333 !important; }

/* table display */
.table-style { display: table; }
.table-style > * { display: table-row; }
.table-style > * > * { display: table-cell; }