/*
Theme Name: 	BLOODHOUND Education
Theme URI: 		https://www.bloodhoundeducation.com
Version: 		2.0.16
Description: 	A bespoke theme for BLOODHOUND Education
Author: 		Viron Media..+Nick.
Author URI:		https://vironmedia.co.uk
Tags:			BLOODHOUND, Viron Media

Copyright 2019 Viron Media <https://vironmedia.co.uk> All rights reserved.

RED   #c00d0d

300
400
700
800

*/

html,body{border:0;margin:0;padding:0;}html{min-height:100%;margin-bottom:1px;}body{font:100%/1.25 arial, helvetica, sans-serif;}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0;padding:0;}h1{letter-spacing:-1px;font:2em arial, helvetica, sans-serif;padding:5px 0 0;}h2{letter-spacing:-1px;font:1.5em arial, helvetica, sans-serif;padding:10px 0;}h3{font:1em arial, helvetica, sans-serif;font-weight:700;}p,ul,ol{margin:0;padding:0 0 15px;}ul,ol{padding:0 0 10px 40px;}blockquote{margin:22px 40px;padding:0;}small{font-size:.85em;}img{border:0;}sup{position:relative;bottom:.3em;vertical-align:baseline;}sub{position:relative;bottom:-.2em;vertical-align:baseline;}acronym,abbr{cursor:help;letter-spacing:1px;border-bottom:1px dashed;}a,a:visited{text-decoration:none;}form{display:inline;margin:0;padding:0;}input,textarea{font:1em arial, helvetica, sans-serif;-webkit-appearance: none;-webkit-border-radius:0px;}textarea{line-height:1.25;}label{cursor:pointer;}

.mobile_only {display: none;}

html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body
{
	background: #fff;
	color: #333;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
    font-weight: 300;
	line-height: 24px;
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
}

h1, h2, h3, h4 {
    color: #000;
	font-weight: 800;
    text-transform: uppercase;
}

	
h1 {
    color: #c00d0d;
	font-size: 3em;
	line-height: 1em;
	margin-bottom: 10px;
}

h2 {
	font-size: 2.2em;
    line-height: 1em;
	margin-bottom: 10px;
}

h3 {
	font-size: 1.4em;
    line-height: 1em;
    margin-bottom: 10px;
}

h4 {
	font-size: 1.8em;
    line-height: 1.2em;
}

a {
	color: #c00d0d;
    font-weight: 800;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/*
table {
    border-collapse: collapse;
    padding: 0;
	margin-bottom: 20px;
	width: 100%;
}

table, th, tr, td {
    border: 1px solid #bea56f;
    padding: 5px;
    vertical-align: top;
}

table th {background: #bea56f; color: #fff; text-align: left;}
*/

hr {border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.5);}

input[type="checkbox"] {-webkit-appearance: checkbox;}
input[type="radio"] {-webkit-appearance: radio;}



.wrap {
    position: relative;
	clear: both;
	margin: 0 auto;
    padding: 0 20px;
    width: 80%;
}
    .inner-wrap {width: 50%}
    .full-width {width: 100%;}

	
.float_fix {overflow: hidden;}


#edit-page {position: fixed; top: 0; right: 20px; background: #ccc; font-size: 0.8em; padding: 10px 20px; z-index: 9999;}

#header {
    position: relative;
	background: #fff;
    color: #000;
    font-weight: 700;
	height: 130px;
	width: 100%;
    z-index: 8;
}

	#header .wrap {position: relative; height: 100%;}

	#logo {
        display: flex;
        justify-content: left;
        align-items: center;
		position: absolute; 
		top: 0; left: 20px;
        height: 100%; 
        width: 20%;
        z-index: 9999;
	}
	
		#logo img {height: auto; width: 175px;}

    #header_contact {
        display: none;
        position: absolute; 
		top: 65px; 
        right: 20px;
        font-size: 1.2em;
        font-weight: bold;
        text-align: right;
    }

    #header_contact a {color: #fff; padding: 10px; text-decoration: none;}
            #header_contact a:hover {background: #1c3f95; text-decoration: none; transition: 0.5s;}

        #header_contact i {margin-right: 4px;}
        #header_contact .telephone {display: inline-block;}
        #header_contact .email {display: inline-block; margin-left: 15px;}


#menu {
    position: absolute;
    bottom: 20px; right: 20px;
    font-weight: 300;
	height: 50px;
    max-width: 75%;
    text-transform: uppercase;
    z-index: 9;
}
	
	#menu ul {
		margin: 0;
		padding: 0;
	}
	

	#menu .menu-header ul,
	div.menu ul {
		list-style: none;
		margin: 0;
	}
	#menu .menu-header li,
	div.menu li {
		float: left;
		position: relative;
	}
	
	#menu a {
		color: #000;
		display: block;
		font-size: 1em;
        font-weight: 300;
        height: 50px;
        line-height: 50px;
		padding: 0px 20px;
		text-decoration: none;
	}
	#menu ul ul {
		background: #c00d0d;
		/*box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
		-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.2);*/
        color: #fff;
		display: none;
		position: absolute;
		top: 50px;
		left: 0px;
		float: left;
		width: 250px;
		z-index: 99999;
	}
	#menu ul ul li {
		min-width: 180px;
	}
	#menu ul ul ul {
		left: 100%;
		top: 0;
	}
	#menu ul ul a {
		color: #fff;
		font-size: 0.8em;
        font-weight: 400;
        height: auto;
        line-height: 20px;
		margin: 0;
		padding: 10px 20px;
		width: 210px;
		height: auto;
		text-transform: none;
	}
	#menu li:hover > a {
        background: #c00d0d;
		color: #fff;
		text-decoration: none;
        transition: 0.5s;
	}
	#menu li.menu-item-has-children:hover > a {
		background: #c00d0d;
        color: #fff;
	}

    #menu li ul li.menu-item-has-children:hover > a {
		background: #000;
        color: #fff;
	}

    #menu li ul li.menu-item-has-children > a:after {
        position: absolute;
        top: 5px; right: 0;
		font-family: 'Font Awesome 5 Pro';
		font-size: 12px;
        font-weight: 900;
        line-height: 12px;
		content: " \f054";
		padding: 10px;
	}

	#menu ul ul :hover > a {
		background: #000;
		color: #fff;
		text-decoration: none;
	}
	#menu ul li:hover > ul {
		display: block;
	}
	#menu ul li.current_page_item > a,
	#menu ul li.current-menu-ancestor > a,
	#menu ul li.current-menu-item > a,
	#menu ul li.current-menu-parent > a,
	#menu ul li.current-page-parent > a, 
	#menu ul li.current-page-ancestor > a,
	#menu ul li.current_page_parent > a, 
	#menu ul li.current_page_ancestor > a {
        border-bottom: 5px solid #c00d0d;
		/*color: #000;*/
	}
	
	#menu ul ul li.current_page_item > a,
	#menu ul ul li.current-menu-ancestor > a,
	#menu ul ul li.current-menu-item > a,
	#menu ul ul li.current-menu-parent > a,
	#menu ul ul li.current-page-parent > a, 
	#menu ul ul li.current-page-ancestor > a,
	#menu ul ul li.current_page_parent > a, 
	#menu ul ul li.current_page_ancestor > a {
		background: #000;
        border-bottom: none;
		color: #fff;
	}
	
	/*#menu li.menu-item-has-children a:after {
		font-family: FontAwesome;
		font-size: 10px;
		content: " \f078";
		padding-left: 3px;
	}
		#menu li.menu-item-has-children	.sub-menu a:after {content: "";}
    */

	
	.menu-toggle {
		display: none;
		color: #000;
		cursor: pointer;
		font-size: 25px;
		height: 50px;
		line-height: 50px;
		margin: 0;
		overflow: hidden;
		position: fixed; 
		top: 37px;
		right: 20px;
		text-align: center;
        transition: all 250ms ease-in-out;
		width: 50px;
	}

    .menu-toggle:before {content: '\f0c9'; font-family: 'Font Awesome 5 Pro'; font-weight: 900;}

        .menu-toggle.toggled-on:before {content: '\00D7'; font-family: 'Zapf Dingbats', arial, helvetica, sans-serif; font-size: 45px;}
		.toggled-on {background: #000; color: #fff; /*transform: rotate(90deg); transform-origin: 50% 50%;*/}


#banner-home {clear: both; overflow: hidden;}
#banner-home img {width: 100%;}


#banner {
    clear: both; 
    display: flex; 
    align-items: middle;
    background: #f3efde;
    color: #bea56f; 
    height: 150px;
    text-align: center;
}

    #banner_content {font-size: 18px; margin: auto; max-width: 800px; padding: 0 10px; min-height: 50px;}

        #banner_content h1 {color: #bea56f; font-size: 2.5em; margin: 0 0 10px 0; padding: 0;}



/* RESPONSIVE SLIDER */


.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


#breadcrumb .wrap {border-bottom: 5px solid #c00d0d; font-size: 0.7em; padding: 10px 0; text-transform: uppercase; }

    #breadcrumb a {color: #666; font-weight: 400;}
    #breadcrumb a:hover {color: #000; text-decoration: underline;}

		
#footer {
	clear: both;
    border-top: 5px solid #000;
    font-size: 0.9em;
	padding: 30px 0px;
}	

	#footer a {
		color: #fff;
		font-weight: normal;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}	


#footer-widget-area {
    text-transform: uppercase;
}

    #footer-widget-area ul {
        margin: 0;
        padding: 0;
    }

    #footer-widget-area li {
        list-style: none;
        list-style-position: inside;
    }

#footer-logo img {max-width: 80%; width: 150px;}

#footer-menu {
    font-size: 0.8em;
    padding: 20px 0;
}
    #footer-menu.grid {grid-template-columns: 1fr 2fr; } 

    #footer-menu.grid .col-item {display: flex; height: 100%;}
    #footer-menu.grid .col-item .align-bottom {display: inline-block; align-self: flex-end;}

#footer-social {margin-bottom: 20px;}


#main-content.grid {grid-template-columns: 1fr 3fr;}    

#main-sidebar {margin-top: 10px;}

    #main-sidebar a {font-weight: 300;}

    #main-sidebar ul {
        list-style-position: inside; 
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
    }
    #main-sidebar ul li {
        display: block;
        font-size: 0.8rem;
    }
    #main-sidebar ul li a {
        display: block; 
        background: #c00d0d;
        color: #fff;
        margin-bottom: 5px;
        padding: 5px 10px;
        text-decoration: none;
    }
    #main-sidebar ul li a:hover {
        background: #000;
        color: #fff;
    }

    #main-sidebar ul li ul li a {padding: 5px 10px 5px 30px;}
    #main-sidebar ul li ul li ul li a {padding: 5px 10px 5px 60px;}
    #main-sidebar ul li ul li ul li ul li a {padding: 5px 10px 5px 90px;}

    #main-sidebar > ul > li.current_page_item > a,
    #main-sidebar > ul > li > ul > li.current_page_item > a,
    #main-sidebar > ul > li > ul > li > ul > li.current_page_item > a,
    #main-sidebar > ul > li > ul > li > ul > li > ul > li.current_page_item > a {background: #000; font-weight: 800;}


.square {display: none; position: absolute; top: 65px; left: 0; background: #000; height: 37px; width: 15px; z-index: 999;}

#our-main-stories {position: relative;}
#our-main-stories h3 {font-size: 1.5rem;}
#our-main-stories .col-item p {font-size: 0.8em; line-height: 1.2em;}
#our-main-stories .col-item a {font-size: 0.8em; font-weight: bold;}

#our-activities h2 {font-size: 3rem;}
#our-activities .grid {grid-template-columns: 2fr 1fr;}

#theme-block {padding: 0px 0px 50px 0;}

#interesting-facts h2 {font-size: 3rem;}
#interesting-facts .fact {display: grid; grid-template-columns: 40px auto; grid-gap: 15px; align-items: center; font-size: 0.8em; line-height: 1.2em;}
#interesting-facts .icon {color: #c00d0d; font-size: 2rem; line-height: 2rem;}


.subscribe .grid {grid-template-columns: 2fr 1fr;}
.subscribe .button {font-size: 1.2em;}



.post {}
.post h1 {color: #000; font-size: 2.5em;}
.post-date {font-size: 0.8em;}
.post .featured-image {display: block; margin: 10px 0;}
    .post .featured-image img {width: 100%;}


#news-header.grid {grid-template-columns: 2fr 1fr; align-items: center;}

.category-select {}



.grid {display: grid; grid-auto-rows: 1fr;}

.gap-10 {grid-gap: 10px;}
.gap-20 {grid-gap: 20px;}
.gap-30 {grid-gap: 30px;}
.gap-40 {grid-gap: 40px;}
.gap-50 {grid-gap: 50px;}

.col-2 {grid-template-columns: repeat(2, 1fr);}
.col-3 {grid-template-columns: repeat(3, 1fr);}
.col-4 {grid-template-columns: repeat(4, 1fr);}
.col-5 {grid-template-columns: repeat(5, 1fr);}
.col-6 {grid-template-columns: repeat(6, 1fr);}
.col-7 {grid-template-columns: repeat(7, 1fr);}

.col-item img {max-width: 100%;}
.col-image img {display: block; height: auto; margin: 0; width: 100%;}


.row_header {padding: 50px 0px 0px 0px;}
.row_footer {padding: 0px 0px 60px 0px;}

.row {clear: both; width: 100%;}
    .row img {max-width: 100%;}

.row.divider {border-bottom: 3px solid #fff;}
    
.row .wrap, .row.wrap {
    display: flex; 
    flex-direction: column;
    flex-flow: row wrap;
    /*width: 1160px;*/
}

    .flex_end {justify-content: flex-end;}
    .flex_space {justify-content: space-between;}
    .flex_center {justify-content: center;}
    .col-align-top {align-items: top;}
    .col-align-middle {align-items: center;}

    .row .wrap .fullwidth, .row .wrap.fullwidth, .row.wrap.fullwidth {padding: 0; width: 100%;}

/*
.col-1 {display: flex; align-items: top; min-height: 20px; width: 99.99999%;}
.col-2 {display: flex; align-items: top; min-height: 20px; width: 49.99999%;}
.col-3 {display: flex; align-items: top; min-height: 20px; width: 33.33333%;}
.col-4 {display: flex; align-items: top; min-height: 20px; width: 24.99999%;}
.col-6 {display: flex; align-items: top; min-height: 20px; width: 16.66666%;}
*/

.col-100 {min-height: 20px; width: 99.99999%;}
.col-75 {min-height: 20px; width: 74.99999%;}
.col-70 {min-height: 20px; width: 69.99999%;}
.col-66 {min-height: 20px; width: 66.66666%;}
.col-65 {min-height: 20px; width: 64.99999%;}
.col-60 {min-height: 20px; width: 59.99999%;}
.col-55 {min-height: 20px; width: 54.99999%;}
.col-50 {min-height: 20px; width: 49.99999%;}
.col-48 {min-height: 20px; width: 47.99999%;}
.col-45 {min-height: 20px; width: 44.99999%;}
.col-40 {min-height: 20px; width: 39.99999%;}
.col-35 {min-height: 20px; width: 34.99999%;}
.col-33 {min-height: 20px; width: 33.33333%;}
.col-30 {min-height: 20px; width: 29.99999%;}
.col-25 {min-height: 20px; width: 24.99999%;}
.col-20 {min-height: 20px; width: 19.99999%;}


.col-align-top {display: flex; align-items: top !important;}
.col-align-middle {display: flex; align-items: center !important;}

.col-content {width: 100%; z-index: 1;}

    .col-content h1, .col-content h2 {font-weight: 700;}
        .col-content h2 {margin-bottom: 0;}

    .col-content ul li a {text-decoration: none;}



/*.col-image {text-align: center;}

    .col-image img {display: block; height: auto; width: 100%; padding: 0; margin: 0;}*/

/*
.col-image {height: 100%; width: 100%;}

    .col-image img {display: block; height: 100%; width: 100vw; object-fit: cover;}*/

.col-gallery-items, .slick-list, .slick-track {height: 100%; width: 100%;}

    .col-gallery-items img {display: block; height: 100%; width: 100vw; object-fit: cover;}


.col-form {font-size: 14px; padding: 0px 60px; width: 100%; z-index: 1;}


.slick-prev {
    left: -16px;
    height: 60px;
    width: 100px;
    z-index: 1;
}

    /*
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus
    {
        background: #000 !important;
        opacity: 0.6 !important;
    }
    */

.slick-next {
    right: -16px;
    height: 60px;
    width: 100px;
    z-index: 1;
}


.slick-prev:before, .slick-next:before { 
    font-family: 'Font Awesome 5 Pro'; 
    font-weight: 900;
    font-size: 50px; 
    line-height: 50px; 
    background: #c00d0d;
    color: #fff;
    opacity: 0.75; 
}   

.slick-prev:before { content: "\f0d9"; padding: 5px 20px 5px 30px;}
[dir="rtl"] .slick-prev:before { content: "\f0da"; }

[dir="rtl"] .slick-next { left: -10px; top: 70px; right: auto; }
.slick-next:before { content: "\f0da"; padding: 5px 30px 5px 20px; }
[dir="rtl"] .slick-next:before { content: "\f0d9"; padding: 5px 20px 5px 30px; }




.bg-red {background: #c00d0d;}
.bg-black {background: #000;}
.bg-white {background: #fff;}

.bg-red, .bg-red h1, .bg-red h2, .bg-red h3, .bg-red h4, .bg-red a, 
.bg-black, .bg-black a {color: #fff;}

.bg-black h1, .bg-black h2, .bg-black h3, .bg-black h4  {color: #c00d0d;}

.bg-red .button {background: #000; color: #fff;}
.bg-black .button {background: #c00d0d; color: #fff;}




.social-icons {
    margin: 10px auto;
}
	
		.social-icons ul {
            margin: 0;
			overflow: auto;
            padding: 0;
		}
		
		.social-icons ul li {
			list-style-type: none;
            display: inline-block;
		}
		
		.social-icons ul li a i {
			background: #000;
			color: #fff;
			font-size: 22px;
			height: 40px;
			line-height: 40px;
			margin-right: 5px;
			text-align: center;
			transition: all 0.2s ease-in-out;
			width: 40px;
		}
		
		.fa-facebook-f:hover {
			background: #3b5998;
		} 
		.fa-linkedin:hover {
			background: #007bb6;
		}
		.fa-twitter:hover {
			background: #00aced;
		}
        .fa-instagram:hover {
			background: #bc2a8d;
		}
		.fa-google-plus:hover {
			background: #dd4b39;
		}
		.fa-youtube:hover {
			background: red;
		}	
				
		

.warning {}

.notify {background: #4791df; color:#fff; font-size: 0.8em; font-weight: bold; margin: 2% 0; padding: 2% 3%; }
.notify a {color: #fff; text-decoration: underline;}
.notify a:hover {color: #000; text-decoration: underline;}
.notify:before {content: '\f05a'; font-family: FontAwesome; font-size: 1.4em; font-weight: normal; margin-right: 3%;}


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

#search-form {}
#search-form input[type=text] {display: inline-block; margin-right: 3%; width: 65%; }
#search-form input[type=submit] {display: inline-block; width: 25%;}


div.pagination {
	padding: 20px 0px;
}

div.pagination span, div.pagination a {
	font-size: 1em;
    margin-right: 5px;
	padding: 10px 20px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.pagination a {
	color: #888;
	text-decoration: none;
}

div.pagination a:hover {
	color: #333;
	border-color: #c0c0c0;
}	
	
	
.entry-title, .entry-title a {
	color: #222;
	font-size: 28px ;
	line-height: 35px;
	margin: 0;
	padding: 7px 0px 5px 0px;
}



.button {
	display: inline-block;
	background: #000;
    border: none; 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    color: #fff;
	cursor: pointer;
    font-weight: 800;
    margin: 0;
    min-width: 80px;
	padding: 5px 20px;
	text-align: center;
	text-decoration: none !important;
    text-transform: uppercase;
    transition: 0.2s !important;
}
	.button:hover {
		background: #3bb273;
        border: none;
		color: #fff;
		text-decoration: none !important;
	}

    /*.button:after {
        content: '\f054' !important;
        font-family: 'FontAwesome' !important;
        padding-left: 7px !important;
    }*/

    .button.outline {border: 3px;}
    .button.full {padding: 10px 0; width: 100%;}


    form .button, .swpm-login-form-submit, .swpm-pw-reset-submit, .swpm-edit-profile-submit {
        display: inline-block;
        background: #c00d0d !important;
        border: 3px solid #c00d0d !important; 
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        color: #fff !important;
        cursor: pointer; 
        padding: 10px 20px !important;
    }
        form .button:hover, .swpm-login-form-submit:hover, .swpm-pw-reset-submit:hover, .swpm-edit-profile-submit:hover {
            background: #000 !important; 
            border: 3px solid #000 !important; 
            color: #fff !important; 
        }

        .button.hollow {
            background: none !important;
            border: 3px solid #fff !important;
            color: #fff !important;
        }
            .button.hollow:hover {border: 3px solid #0099ff !important; color: #0099ff !important;}
    

.swpm-login-form-submit, .swpm-pw-reset-submit, .swpm-edit-profile-submit {margin: 15px 0 5px 0;}
.swpm-profile-membership-level-row td:last-of-type {border: 1px solid #cdcdcd; border-radius: 4px; font-weight: bold; padding: .75rem;}
.swpm-profile-membership-level-row td:first-of-type {padding-right: 10px; }

.bold, strong {font-weight: 800;}
.font-large {font-size: 2.5em; line-height: 2em;}


.margin-2 {margin: 2%;}
.margin-2-0 {margin: 2% 0;}
.margin-3 {margin: 3%;}
.margin-3-0 {margin: 3% 0;}
.margin-4 {margin: 4%;}
.margin-4-0 {margin: 4% 0;}
.margin-5 {margin: 5%;}
.margin-5-0 {margin: 5% 0;}

.padding-2 {padding: 2%;}
.padding-2-0 {padding: 2% 0;}
.padding-3 {padding: 3%;}
.padding-3-0 {padding: 3% 0;}
.padding-4 {padding: 4%;}
.padding-4-0 {padding: 4% 0;}
.padding-5 {padding: 5%;}
.padding-5-0 {padding: 5% 0;}
.padding-6 {padding: 6%;}
.padding-6-0 {padding: 6% 0;}
.padding-8 {padding: 8%;}
.padding-8-0 {padding: 8% 0;}
.padding-10 {padding: 10%;}
.padding-10-0 {padding: 10% 0;}
.padding-15 {padding: 15%;}
.padding-15-0 {padding: 15% 0;}



.padding-20 {padding: 20px;}
.padding-20-0 {padding: 20px 0;}
.padding-25 {padding: 25px;}
.padding-25-0 {padding: 25px 0;}
.padding-30 {padding: 30px;}
.padding-30-0 {padding: 30px 0;}
.padding-40 {padding: 40px;}
.padding-40-0 {padding: 40px 0;}
.padding-50 {padding: 50px;}
.padding-50-0 {padding: 50px 0;}



.text_shadow {
    text-shadow: 0px 0px 5px rgba(0,0,0,0.8);
}
	
.video_box {clear: both; margin: 0 auto; text-align: center; max-width: 960px;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 20px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}	

.centered {text-align: center !important;}

.swpm-join-us-link {display: none !important;}


/* Forms
  =============== */
[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url], [type=week], [type=time], select, textarea {
  display: block;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  padding: .75rem;
  outline: none;
  background: transparent;
  margin-bottom: .5rem;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  line-height: 1; }

[type=color]:hover, [type=date]:hover, [type=datetime]:hover, [type=datetime-local]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=url]:hover, [type=week]:hover, [type=time]:hover, select:hover, textarea:hover {
  border: 1px solid #b4b4b4; }

[type=color]:focus, [type=color]:active, [type=date]:focus, [type=date]:active, [type=datetime]:focus, [type=datetime]:active, [type=datetime-local]:focus, [type=datetime-local]:active, [type=email]:focus, [type=email]:active, [type=month]:focus, [type=month]:active, [type=number]:focus, [type=number]:active, [type=password]:focus, [type=password]:active, [type=search]:focus, [type=search]:active, [type=tel]:focus, [type=tel]:active, [type=text]:focus, [type=text]:active, [type=url]:focus, [type=url]:active, [type=week]:focus, [type=week]:active, [type=time]:focus, [type=time]:active, select:focus, select:active, textarea:focus, textarea:active {
  border: 1px solid #c00d0d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #c00d0d; }

textarea {
  overflow: auto;
  height: auto; }

fieldset {
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 1rem;
  margin: 1.5rem 0; }

legend {
  padding: 0 .5rem;
  font-weight: 600; }

select {
  color: #404040;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) right center no-repeat;
  line-height: 1; }

select::-ms-expand {
  display: none; }

[type=range] {
  width: 100%; }

label {
  font-weight: 600;
  max-width: 100%;
  display: block;
  margin: 1rem 0 .5rem; }

@media (min-width: 600px) {
  .split-form label {
    text-align: right;
    padding: 0 .5rem;
    margin-bottom: 1rem; } }

input.has-error, input.has-error:hover, input.has-error:focus, input.has-error:active,
select.has-error,
select.has-error:hover,
select.has-error:focus,
select.has-error:active,
textarea.has-error,
textarea.has-error:hover,
textarea.has-error:focus,
textarea.has-error:active {
  border: 1px solid #D33C40;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #f4cecf; }

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
  color: #9a9a9a; }


/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	margin-bottom: 20px;
    padding-bottom: 10px;
    max-width: 100% !important;
	text-align: center;
}
.wp-caption img {
    display: block;
    margin: 0;
    width: 100% !important;
}
.wp-caption a {text-decoration: none !important;}

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 0.8em;
    line-height: 1.4em;
    padding: 10px;
}
.wp-smiley {
	margin: 0;
}

/*
.gallery_content {margin: 40px auto; max-width: 850px;}

.gallery {
	margin: 20px auto 10px auto;
}
.gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.gallery-columns-2 .gallery-item {
	width: 50%;
}
.gallery-columns-4 .gallery-item {
	width: 25%;
}
.gallery img {
    margin-bottom: 10px;
}
.gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
	max-width: 90%;
	height: auto;
}
.gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.gallery dl {
	margin: 0;
}
.gallery br+br {
	display: none;
}
*/

.gallery {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    margin: 2% 0;
    padding: 0;
}

.gallery img {margin: 0; padding: 0;}

.gallery dl {margin: 0 0 1% 0; padding: 0;}
.gallery-item img {display: block; height: 25vh; object-fit: cover; margin: 0; width: 100vw;}

.gallery .gallery-caption {
	background: #f3efde;
    color: #bea56f;
	font-size: 0.8em;
    font-weight: 600;
    margin: 0;
    padding: 2px;
    text-align: center;
}

.gallery-columns-6 .gallery-item {width: 15%;}
.gallery-columns-5 .gallery-item {width: 19%;}
.gallery-columns-4 .gallery-item {width: 24%;}
.gallery-columns-3 .gallery-item {width: 32%;}
.gallery-columns-2 .gallery-item {width: 49%;}

/* For odd numbered images that don't complete the grid */
/* This doesn't quite work properly yet... */
/*
.gallery-columns-6::after {content: '';max-width: 15%;flex: auto;}
.gallery-columns-5::after {content: '';max-width: 19%;flex: auto;}
.gallery-columns-4::after {content: '';max-width: 24%;flex: auto;}
.gallery-columns-3::after {content: '';max-width: 32%;flex: auto;}
.gallery-columns-2::after {content: '';max-width: 49%;flex: auto;}
*/







#content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}


* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
	margin-top: 20px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	font-size: 18px;
	/*font-weight: bold;*/
	margin-bottom: 0;
}
h3#comments-title {
	padding: 20px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px dotted #ccc;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #006600;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #006600;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #006600;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}



/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

.nivoSlider {
	position:relative;
	background: transparent url('images/nivo-slider/loading.gif') no-repeat 50% 50%;
	max-height: 640px;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.nivoSlider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url('images/nivo-slider/bullets.png') no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url('images/nivo-slider/arrows.png') no-repeat;
	text-indent:-9999px;
	border:0;
	opacity: 0;
	-webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.nivo-caption a:hover {
    color:#fff;
}

.nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}