/*
Theme Name: ROAM Outreach 2021
Theme URI: http://www.45b.co.uk/
Description: Theme for ROAM Outreach
Author: 45b
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: 
*/

/* CSS Document */



/* General */

.row {max-width: 1170px;}
body {background: #fff; color: #333; font-family: 'Open Sans', arial, helvetica, sans-serif;}
body p {font-size: 1.0em; font-weight: 400;}
body ul {font-size: 1.0em;}
body figure {font-size: 1.0em;}
body a {color: #ff7300;}
body a:hover {color: #000;}

h1 {font-size: 2.6em; font-family: 'Oswald', arial, helvetica, sans-serif; color: #244772; margin-bottom: 1em; font-weight: 300;}
h2 {font-size: 2.2em; font-family: 'Oswald', arial, helvetica, sans-serif; color: #244772;}
h3 {font-size: 1.6em; font-family: 'Oswald', arial, helvetica, sans-serif; color: #244772;}
h4 {font-size: 1.4em; font-family: 'Oswald', arial, helvetica, sans-serif; color: #244772;}
h5 {font-size: 1.2em; font-family: 'Oswald', arial, helvetica, sans-serif; color: #244772;}
h6 {font-size: 1.0em; font-family: 'Oswald', arial, helvetica, sans-serif; color: #244772;}

.focus {margin-top: 1em; border-bottom: 1px solid #efefef;}

.row-tint {background: #efefef;}
.row-orange {background: #ff7300;}
.row-blue {background: #244772;}

.with-content {padding-top: 2.0em; padding-bottom: 2.0em;}
.centered {text-align: center; margin: 1.0em 0;}

.grey {color: #999;}
.orange {color: #ff7300;}
.blue {color: #244772;}
.small {font-size: 0.8em;}

.hide-site-box {display: none; position: fixed; left: 0; bottom: 0; text-align: right; z-index: 100000; border-top-right-radius: 15px; border-top: 2px solid #fff; border-right: 2px solid #fff;}
.hide-site {display: inline-block; background: #244772; color: #fff; text-transform: uppercase; padding: 0 1em 0 0; line-height: 1.4em; border-top-right-radius: 15px;}
.hide-site i {background: #244772; padding: 0.2em; line-height: 1.5em; margin-right: 0.2em;}
.hide-site:hover {background: #000; color: #fff;}


/* Effects */

.hideme {opacity:1;}
.come-in {transform: translateX(-150px); animation: come-in 0.8s ease forwards;
}
.come-in:nth-child(odd) {animation-duration: 0.6s;}
.already-visible {transform: translateX(0);animation: none;}

@keyframes come-in {
	from {opacity: 0;}
  	to { transform: translateX(0); opacity: 1;}
}

a, input, .cta-panel {-webkit-transition: color 0.4s, background 0.4s, border 0.4s;
-moz-transition: color 0.4s, background 0.4s, border 0.4s;
transition: color 0.4s, background 0.4s, border 0.4s;}

/* Header */
.row-header {background: rgba(255,255,255,0.9);}
.logo {padding-top: 1em; padding-bottom: 1em;}
.logo img {max-width: 100px;}

.header-contact {text-align: left; padding-top: 0; font-family: 'Oswald', helvetica, arial, sans-serif; font-size: 1em; padding-bottom: 20px;}
.header-contact a {color: #000;}
.header-contact a:hover {color: #244772;}

/* Main Menu */
.row-menu {background: #000; position: relative; z-index: 2000;}


.roam-logo-small {float: left; margin: 6px 0 0 0; padding: 0; height: 30px; display: none;}

.navbar-fixed {
top: 0;
z-index: 10000;
position: fixed;
width: 100%;
}


/* Main Menu */


li.divider {display: none;}
.main-nav ul {padding-top: 2.0em;}
.main-nav ul li ul {border-right: none;}
.main-nav ul li {background: transparent;}
.main-nav li:not(.has-form) a:not(.button) {background: transparent; color: #fff; font-family: 'Oswald', helvetica, arial, sans-serif; text-transform: uppercase; font-size: 1em!important; font-weight: 500; letter-spacing: 1px;}
.main-nav li:not(.has-form) a:not(.button):hover {background: #ff7300!important; color: #fff!important;}
.main-nav li:not(.has-form).active a:not(.button) {background: transparent;}
.main-nav li:not(.has-form).active a:not(.button):hover {background:transparent;}
.main-nav .has-form {background: inherit;}
.main-nav .search-form {background: inherit;}
.main-nav button.alert, button.alert, .alert.button, .alert.button {background-color: transparent;}
.main-nav button.alert:hover, button.alert:focus, .alert.button:hover, .alert.button:focus {background-color: transparent;}
.main-nav li.current-page-ancestor a {background: #fff !important;}
.main-nav > ul > .divider, .main-nav > ul > [role='separator'] {display: none;}
.main-nav ul li:hover:not(.has-form)>a {background: transparent!important;}
.main-nav .dropdown li:not(.has-form):not(.active)>a:not(.button) {}
/*.main-nav li:not(.has-form).active a:not(.button):hover {background: transparent!important; color: #244772;}*/
.main-nav li.active:not(.has-form) a:not(.button) {background: #ff7300!important; color: #fff!important;}
/*.main-nav li.active:not(.has-form) a:not(.button):hover {background: transparent!important; color: #ff7300!important;}*/
.top-bar.expanded .title-area {background: transparent;}


.main-nav ul li>a {font-size: 1.0em;}
.main-nav ul li>a:hover {color: #244772!important;}
.main-nav ul li.active>a {color: #244772!important;}


.main-nav ul li.current-page-ancestor a {background: #ff7300!important; color: #fff!important;} 
.main-nav li.current-page-ancestor:not(.has-form) a:not(.button):hover {background: #ff7300!important; color: #fff!important;} 
.main-nav li.active li.current-menu-item.active a {background: #efefef!important; color: #244772!important;}
.main-nav li.active li.current-menu-item.active a:hover {background: #efefef!important; color: #244772!important;}
.main-nav li.active li.current-menu-item.active ul li a {background: #fff!important; color: #ff7300!important;}
.main-nav li.active li.current-menu-item.active ul li a:hover {background: #fff!important; color: #ff7300!important;}

.main-nav ul li ul.sub-menu {padding-top: 2.0em;}

.main-nav ul li ul.sub-menu li {background: rgba(255,255,255,0.9)!important;}
.main-nav ul li ul.sub-menu li a {line-height: 2.4em!important; font-weight: 300!important;}
.main-nav .dropdown li:not(.has-form):not(.active)>a:not(.button) {background: rgba(255,255,255,0.9)!important; color: #244772!important;}
.main-nav ul li ul.sub-menu li.has-dropdown a:hover {background: rgba(255,255,255,0.9)!important;}
.main-nav .dropdown li:not(.has-form):not(.active)>a:not(.button):hover {background: #efefef!important; color: #244772!important;} /* Dropdown rollover */

.main-nav .has-dropdown > a {padding-right: 15px !important;} .main-nav .has-dropdown > a:after {border-color: transparent transparent transparent;}

.main-nav .dropdown li.title h5 a, .main-nav .dropdown li.parent-link a {color: #244772!important;}

/* Parent item in dropdown */
.main-nav .has-dropdown>a:after {/*border-color: rgba(120,113,120,0.9) transparent transparent transparent!important;*/ display: none;}
.main-nav li.active:not(.has-form) a:not(.button) > a {background: #ff7300!important; color: #fff!important;}
.main-nav ul li:hover:not(.has-form) > a {
background: #ff7300!important; color: #fff!important;}
.main-nav ul li.current-page-parent:hover:not(.has-form) > a {
background: #ff7300!important; color: #fff!important;}
.main-nav ul li.current_page_item:hover:not(.has-form) > a {
background: #ff7300!important; color: #fff!important;}
.main-nav ul li.current_page_ancestor:hover:not(.has-form) > a {
background: #ff7300!important; color: #fff!important;}


.main-nav .has-dropdown .dropdown li.has-dropdown>a:after {margin-top: -10px!important;}
.top-bar .toggle-topbar.menu-icon a {color: #fff!important;}
.top-bar .toggle-topbar.menu-icon a:hover {color: #fff!important;}
.top-bar .toggle-topbar.menu-icon a span::after {box-shadow: 0 0 0 1px #fff, 0 7px 0 1px #fff, 0 14px 0 1px #fff;}


/* Home */

.home-intro {background: #244772; color: #fff; padding-top: 4em; padding-bottom: 4em; border-radius: 50%/0 50px 0 50px; margin-top: -50px; z-index: 1000; position: relative;}

.home-intro h1, .home-intro h2, .home-intro h3, .home-intro h4, .home-intro h5, .home-intro h6 {color: #fff; margin-bottom: 1em;} 

.home-panels {padding-top: 8em; padding-bottom: 8em; background: #fff; margin-top: -50px;}

.panel-tint {background-color: rgba(0,0,0,0.6); padding: 2em 1em; height: 100%;
-webkit-transition: color 0.4s, background 0.4s, border 0.4s;
-moz-transition: color 0.4s, background 0.4s, border 0.4s;
transition: color 0.4s, background 0.4s, border 0.4s;}
.panel-tint:hover {background-color: rgba(0,0,0,0.1);}
.grey-panel {color: #fff; margin-bottom: 2.0em; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%;
	-webkit-transition: all 0.4s;
-moz-transition: all 0.4s;
transition: all 0.4s;}
.grey-panel h2 {font-size: 1.6em; font-weight: 700; color: #fff;}
.grey-panel h2 i {color: #fff;}

.grey-panel:hover {
 -webkit-transform: scale(1.1);  /* Saf3.1+, Chrome */
     -moz-transform: scale(1.1);  /* FF3.5+ */
      -ms-transform: scale(1.1);  /* IE9 */
       -o-transform: scale(1.1);  /* Opera 10.5+ */
          transform: scale(1.1);
}



/* Sidebar */
.additional {
	border-top: 1px solid #000;
    padding-top: 1em;
    padding-bottom: 1em;
}
.additional h4 {font-weight: bold; text-transform: uppercase; color: #ff7300;}
.additional ul {list-style: none; margin: 0; padding: 0; font-size: 0.9em;}
.additional ul li:before {content: normal;}
.additional ul li {display: block; margin-bottom: 1px;}
.additional ul li a {display: block; padding: 0.5em; background: #fafafa;  color: #ff7300; font-weight: 300;}
.additional ul li a:hover {background: #ff7300; color: #fff;}



.additional ul li.current_page_item a {background: #ff7300; color: #fff; font-weight: bold;}
.additional ul li.current_page_item ul li a {background: #fafafa;  color: #ff7300;}

.additional ul li ul {font-size: 1.0em;}
.additional ul li.current_page_item, .side-menu ul li.current_page_parent {display: block;}
.additional ul li.current_page_item ul li, .side-menu ul li.current_page_parent ul li {display:  block;}

/* On-Off nav */

.additional  ul li ul,
.additional .current_page_item ul ul,
.additional .current_page_ancestor ul ul,
.additional .current_page_ancestor .current_page_item ul ul,
.additional .current_page_ancestor .current_page_ancestor ul ul {
	display: none;
	}

.additional .current_page_item ul,
.additional .current_page_ancestor ul,
.additional .current_page_ancestor .current_page_item ul,
.additional .current_page_ancestor .current_page_ancestor ul,
.additional .current_page_ancestor .current_page_ancestor .current_page_item ul,
.additional .current_page_ancestor .current_page_ancestor .current_page_ancestor ul {
	display: block;
	}

/* 3rd Level Nav */
.additional ul li ul.children {margin-left: 1.0em; border-top: 0; font-size: 0.85em; margin-bottom: 0; font-weight: normal;}
.additional ul li ul.children li {border: none; padding: 0 0.5em 0 0;}
.additional ul li ul.children li a {padding-left: 5px;}
.additional ul li.current_page_item ul li a {color: #ff7300; font-weight: normal!important;} 
.additional ul li.current_page_item {font-weight: bold;}
.additional ul li.current_page_item ul.children li {font-weight: normal;}
.additional ul li.current_page_parent {font-weight: bold;}
.additional ul li.current_page_parent ul.children li {font-weight: normal;}
.additional ul li ul.children li.current_page_item {}



/* Slideshow */
.home-slides {margin: 0; padding: 0;}
.home-slideshow {position: relative;}
.slide-image {background-position: 50% 50%; height: 700px;}
.slide-text {}
.slide-text {color: #666; margin-top: 20px;}
.slide-text h1 {color: #fff; line-height: 1em; font-weight: 700; margin-bottom: 0.5em;}
.slide-text p {font-weight: 300; color: #fff;}

.slide-text a {display: inline-block; background: #ff7300; color: #fff; padding: 0.2em 0.5em; font-family: 'Oswald', helvetica, arial, sans-serif; font-size: 1.2em; text-transform: uppercase; font-weight: 700;}
.slide-text a:hover {background: #fff; color: #ff7300;}


/* Arrows */
.orbit-container {padding: 0; margin: 0;}
.orbit-container .orbit-prev, .orbit-container .orbit-next {
position: absolute;
top: 47%;
margin-top: -21px;
width: 32px;
height: 62px;
line-height: 42px;
background-color: none;
text-indent: -9999px !important;
z-index: 10;
}


.orbit-container .orbit-prev span,
.orbit-container .orbit-next span {
    color: #ff7300;
    border: none;
    font-size: 70px;
    text-indent: 0;
    margin-top: -32px;
}


.orbit-container .orbit-prev {
    background-color: transparent; left: 20px;
}
.orbit-container .orbit-prev span:before {
    content: "\2039";
}
.orbit-container .orbit-next {
    background-color: transparent; right: 20px;
}
.orbit-container .orbit-next span:before {
    content: "\203A";
}
.orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover {background: transparent;}

.orbit-timer {display: none;}
.orbit-bullets {margin-top: -38px;}
.orbit-bullets li.active {background: #fff;}


/* Main Image */
.main-image {position: relative; width: 100%; height: 350px; background-size: cover; background-position: center; background-repeat: no-repeat;} 

/* Main Content */

.main-container {border-radius: 50%/0 50px 0 50px; margin-top: -50px; z-index: 1000; position: relative; background: #fff;}


.main {padding-top: 2.0em; padding-bottom: 2.0em;}

.main-copy {padding-bottom: 2em;}


.page-title {padding-top: 10px; padding-bottom: 65px;}
.page-title h1 {text-transform: uppercase; color: #fff; font-weight: bold; margin: 0;}
.main p { font-weight: 300;}


/* Quiz */
.chained-quiz-choices {padding: 1em 1em 0.2em 1em; background: #ff7300;}
.chained-quiz-choice {padding: 10px; border-radius: 20px; background: #fafafa; margin-bottom: 1em;
-webkit-transition: color 0.4s, background 0.4s, border 0.4s;
-moz-transition: color 0.4s, background 0.4s, border 0.4s;
transition: color 0.4s, background 0.4s, border 0.4s;}
.chained-quiz-choice:hover {background: #333;}
.chained-quiz-choice:hover label {color: #fff;}

.chained-quiz-choice:hover label:before {font-family: 'Font Awesome\ 5 Free'; content: '\f058'; font-weight: 900; padding-right: 5px; color: #fff;}

.chained-quiz-choice input {margin-bottom: 0; font-size: 1.4em;}
.chained-quiz-choice label {font-size: 1.4em; font-weight: bold;}
.chained-quiz-choice .chained-quiz-radio {display: none;}



/* Panels */
.alert-panel {background: #000; padding: 1.0em; color: #fff;}
.alert-panel h2 {font-size: 2em; font-weight: 700; color: #fff;}
.alert-panel h2 i {color: #fc0; font-size: 1.6em;}
.alert-panel-info {font-size: 0.8em;}
.alert-panel .cta-button:hover {background: #fff; color: #000;}


.home-map-panel {background: #fff; padding: 20px; color: #244772;}
.home-map-panel h2 {font-size: 3em; font-weight: 700;}
.map-panel {background: #244772; padding: 1.0em; color: #fff;}
.map-panel h2 {font-size: 1.6em; font-weight: 700; color: #fff;}



.cta-panel {background: #efefef; border-bottom: 5px solid #244772; padding: 1.0em; color: #333; margin-bottom: 2.0em;}
.cta-panel:hover {background: #ff7300; color: #fff;}
.cta-panel-inner {position: relative; color: #ddd; font-size: 160px; text-align: center;}
.cta-panel-inner:hover {color: #e76d00;}
.cta-panel h2 {position: absolute; top: 50%; transform: translateY(-50%); font-size: 0.17em; font-weight: 700; color: #333;}
.cta-panel h2 i {color: #244772;}
.cta-panel:hover h2 {color: #fff;}
.cta-panel:hover h2 i {color: #fff;}

.panel-text {margin-top: 1em; font-size: 0.85em; font-weight: 300;}
.panel-cta {margin-top: 1em; text-align: right;}

.cta-button {display: inline-block; padding: 0.5em 1.0em; color: #fff; background: #ff7300; font-weight: 700; text-transform: uppercase;}
.cta-button:hover {color: #fff; background: #000;}


/* Footer */
.footer {margin-top: -50px;}
.footer {clear: both; padding-top: 2em; padding-bottom: 1em; color: #fff; border-radius: 50%/0 50px 0 0;}
.footer-content {font-size: 0.9em; margin-bottom: 1em;}
.footer-content h3 {color: #fff; font-weight: 700; text-transform: uppercase; font-size: 3em;}
.footer-content p {font-weight: 300;}
.footer-content a {color: #fff;}
.footer-content a:hover {color: #ccc;}
.footer-content i {width: 20px;}
.footer-content-social a {color: #fff; font-size: 2em;}
.footer-content-social a:hover {color: #ccc;}
.footer-content-social i {width: auto;}
.footer-content ul {list-style: none; margin: 0; padding: 0;}


/* News Panels */
.postInfo {margin: 0 0 1.0em 0; padding: 0.2em 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; color: #ff7300; font-size: 1em; font-weight: 300;}
.postInfo a {color: #ff7300;}
.postInfo a:hover {color: #666;}
.postSummary p {font-size: 0.9em;}
.postList {margin-bottom: 1.0em; padding-bottom: 1.0em; border-bottom: 4px solid #efefef;}


.pagination {margin: 2em 0;}
.pagination-centered {text-align: left;}
.pagination span.current {padding: 0.0625rem 0.625rem 0.0625rem; border-radius: 3px; background: #ff7300; color: #fff; font-weight: bold;}

.google-maps, .video-wrap {
position: relative;
padding-bottom: 75%; /* This is the aspect ratio*/
height: 0;
overflow: hidden;
}
.google-maps iframe, .video-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
border: 0!important;
}

/* Forms */
select {font-family: 'Open Sans', arial, helvetica, sans-serif; height: inherit; background-color: #fff; border: 1px solid #ff7300; margin: 0 0 1em 0;}
input[type="text"], input[type="email"], input[type="tel"], textarea {padding: 1em; height: inherit; border: 1px solid #ff7300;}
input.wpcf7-submit[type=submit] {display: inline-block; padding: 0.5em 1.0em; color: #fff; background: #ff7300; font-size: 1.2em; font-weight: 300;}
input.wpcf7-submit[type=submit]:hover {color: #fff; background: #000;}
div.wpcf7 .ajax-loader {width: 0!important; margin: 0!important;}
div.wpcf7-response-output {margin-top: 3em!important;}
input[type=submit] {border: none;}

/* Legal */
.legal {padding: 1.0em; color: #999; font-size: 0.7em;}
.legal p {margin: 0;}
.legal a {color: #999;}
.legal a:hover {color: #000;}




/* Gallery */
.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}
	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
	.gallery-columns-5 .gallery-item {
		width: 20%
	}
	.gallery-columns-6 .gallery-item {
		width: 16.6667%
	}



.grecaptcha-badge { visibility: hidden; }



/* MEDIA QUERIES */

@media screen and (min-width: 200px) {

}

@media screen and (min-width: 480px) {
.logo img {max-width: 160px;}
.logo {padding-top: 2.0em; padding-bottom: 2.0em;}
.logo.shrinklogocontainer {padding-top: 1.0em; padding-bottom: 1.0em;}
.roam-logo.shrinklogo {height: 50px;}
.header-contact {text-align: right; font-size: 1.2em; padding-top: 40px;}
.header-social {padding-top: 2em; padding-bottom: 1.6em;}
.header-social.shrinkheadersocial {padding-top: 0.5em; padding-bottom: 0.5em;}	
	
.main-navigation {margin-top: 0;}
.main-nav ul {padding-top: 0;}
.top-bar {background: transparent; margin-top: 0;}
	
.slide-text {margin-top: 100px;}
.slide-image {background-position: 50% 50%; height: 550px;}	

.main-nav ul li ul.sub-menu {border-top: 1px solid #ccc; padding-top: 0;}	
.main-nav ul li ul.sub-menu li {background: rgba(255,255,255,0.9)!important; border-bottom: 1px solid #ccc;  border-left: 1px solid #ccc;  border-right: 1px solid #ccc;}	

.hideme {opacity:0.2;}
.row-desktop-nav .columns {padding-left: 0.9375rem!important; padding-right: 0.9375rem!important;}
.additional {
	border-top: none;
    padding-top: 0;
    padding-bottom: 1em;
}

}

@media screen and (min-width: 600px) {

}
@media screen and (min-width: 960px) {
.hide-site-box {display: block;}
}

@media print {
/* Print CSS rules go here */

}