/*
Theme Name: Tesfa Tours
Theme URI: http://www.tesfatours.com
Description: Tesfa Tours Theme 2015
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Author: Mark Kelly
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: tesfatours
*/
* { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body {background: #fafafa;max-width: 1366px;margin-left: auto;margin-right: auto;}
html,body {  height: 100%;  }
h1,h2,h3,h4,h5{
/*font-family: "museo-slab",serif;*/
/*font-family: 'Raleway', sans-serif;*/
font-family: 'Roboto Slab', serif;
}
p {
font-size: 18px;
line-height: 1.6;
margin-bottom: 18px;
/*font-family: "brandon-grotesque",sans-serif;*/

color: #646464;
font-weight: 300;
-webkit-font-smoothing: antialiased;
}
a, li, p, span, ul{
font-family: 'Lato', sans-serif;
}
label{
font-size: 18px;
line-height: 1.6;
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
}
li{
font-size: 18px;
}
input{
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
}
a, a:target, a:focus { outline: none;} 
a:hover, a:focus {text-decoration: none;}
:focus {outline:none;}
::-moz-focus-inner {border:0;}
h1, h2, h3, h4, h5 {font-weight: 400;}
h2 {margin-top:0; }
ul, ol {font-size: 1.2em;}
ul {list-style-type: circle;}
a{font-size: 18px;}
.green-text{color:#b6af36;}
.lead {font-size: 20px;}
hr {
width: 130px;
margin: 20px auto;
border-color: #B6AF36;
border-width: medium;
}
.row.no-gutter {
margin-left: 0;
margin-right: 0;
}
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
padding-right: 0;
padding-left: 0;
}
.top-buffer { 
margin-top:30px; 
}
.top-buffer-large{
margin-top:50px; 
}
@media handheld, only screen and (min-width: 601px) {
.row-margin-top {
  margin-top: 25px;
}
}
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float:right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; /* Image does not overflow the content area */
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}

/******************************************************/
/****************** HEADER ****************************/
/******************************************************/
/* Page container and wrappers */
#wrap {min-height: 100%; height: auto !important; height: 100%;  margin: 0 auto -250px; padding: 0 10em 250px 10em;}
#wrap img, #wrap-wide img{width:100%; height:auto;}
#wrap-wide {background: #F4F4F4;min-height: 100%;  height: auto !important; height: 100%; margin: 0 auto -250px; padding: 0 0 250px;}	
.container {max-width: 1280px;width: 100%;}
/*Menu Container*/
#menu-wrapper{
margin-bottom: 0;
background: #FFF;
border:none;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 4px 5px rgba(0,0,0,0.25);
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.25);
}
#menu-wrapper li > a:hover, 
#menu-wrapper li > a:focus, 
#menu-wrapper .active > a, 
#menu-wrapper .active > a:hover, 
#menu-wrapper .active > a:focus, 
#menu-wrapper .open > a, 
#menu-wrapper .open > a:hover, 
#menu-wrapper .open > a:focus {
background-color: transparent;
}
#menu-wrapper li.current-menu-item > a {
color:#687350 !important;
}
#menu-secondary-navigation li.current-menu-item > a {
color:#FFF !important;
}
/*Primary Menu*/
#menu-primary-navigation {
margin-top: 4px;
margin-right: 115px;
}
#menu-primary-navigation > li.active {
border-bottom: 2px solid #B6AF36;
}
#menu-primary-navigation > li:last-child {
margin-right: 0;
}
#menu-primary-navigation > li > a {
color: #333;
font-size: 14px;
letter-spacing: 0px;
padding-top: 10px;
padding-bottom:10px;
text-transform: uppercase;
}
#menu-primary-navigation > li:hover > a {
color: #B6AF36;
}
/*Dropdown Menu Items*/
#menu-primary-navigation .dropdown-menu {
margin-top: 4px;
padding-top: 0;
background: rgba(51, 51, 51, 0.85);
padding-bottom: 0;border-radius: 0px; text-align: left;
border-bottom-color: #111;
border-left-color: #111;
border-right-color: #111;
left: 0;
right: auto;
}
#menu-primary-navigation .dropdown-menu li{
padding:5px 0;
}
#menu-primary-navigation  .dropdown-menu li:last-child{ 
border-bottom:0px solid;
}
#menu-primary-navigation .dropdown-menu > li > a {
display: block;
padding: 3px 20px;
line-height: 1.428571429; white-space: nowrap;
font-family: "franklin-gothic-urw-cond",sans-serif;
color: #FFF;
font-size: 17px;
letter-spacing: 0px;
text-shadow: 1px 1px 0 #000;
-webkit-text-shadow: 1px 1px 0 #000;
-moz-text-shadow: 1px 1px 0 #000;
}
#menu-primary-navigation  .dropdown-menu > li > a:hover, 
#menu-primary-navigation  .dropdown-menu > li > a:focus, 
#menu-primary-navigation .dropdown-menu > .active > a, 
#menu-primary-navigation .dropdown-menu > .active > a:hover, 
#menu-primary-navigation .dropdown-menu > .active > a:focus {
background:transparent; 
color:#333;
}

#menu-primary-navigation .dropdown-menu > li:first-child:hover {background: #59b56c;}
#menu-primary-navigation .dropdown-menu > li:nth-child(2):hover {background: cornflowerblue;}
#menu-primary-navigation .dropdown-menu > li:nth-child(3):hover {background: tomato;}
#menu-primary-navigation .dropdown-menu > li:nth-child(4):hover {background: blue;}
#menu-primary-navigation .dropdown-menu > li:nth-child(5):hover {background: teal;}
#menu-primary-navigation .dropdown-menu > li:nth-child(6):hover {background: limegreen;}
#menu-primary-navigation .dropdown-menu > li:last-child:hover {background: darkorchid;}
/*Secondary Menu*/
#menu-secondary-navigation {
margin-right: 0; 
}
#menu-secondary-navigation > li > a {
font-size: 14px;
padding: 0 10px 0 10px;
border-right: 1px solid #9ACD32;
color: #FFE4C4;
text-transform: capitalize;
}
#menu-secondary-navigation > li:last-child > a {
border-right: none; 
padding-right: 0;
}
#menu-secondary-navigation > li > a:hover{
color: #FFF;
}
.top-menu-wrapper {
display: block;
overflow: auto;
background: #B6AF36;
padding: 5px 130px 5px 130px;
margin-bottom: 10px;
}
.sign-up-header a{ 
display:inline-block; 
color: #FFF;
font-size: 14px;
}
.sign-up-header a:hover{
color: #FFF;
}
.sign-up-header a:first-child{ 
margin-right:10px;
}
.sign-up-header i{ 
margin-right: 6px;
color: #FFF;
font-size: 16px;
vertical-align: middle;
}
.icon-at:before {
content: "@";
font-weight: bold;
}
/*Mobile Menu*/
.navbar-toggle {
margin-bottom: 20px;
}
.navbar-toggle .icon-bar {
background: #3a461d;
}
/*Logo*/
.navbar-brand{
padding: 0 0 0 130px;
margin-bottom: 10px;
}
.navbar-brand > img{
width: 205px;
margin-top: 5px;
}
.intro-text {
max-width: 50%;
}
.intro-lead-in > p {
color: #FFF;
font-size: 22px;
margin-bottom:0;
font-weight: 300;
letter-spacing: 0px;
text-shadow: 1px 1px 0 #000;
-webkit-text-shadow: 1px 1px 0 #000;
-moz-text-shadow: 1px 1px 0 #000;
}
.intro-heading > h1 {
color: #FFF;
margin: 0;
font-size: 60px;
font-weight: 800;
text-transform: capitalize;
letter-spacing: 1px;
text-shadow: 1px 1px 0 #000;
-webkit-text-shadow: 1px 1px 0 #000;
-moz-text-shadow: 1px 1px 0 #000;
}
.intro-text > .intro-heading > h1 {margin-top: 25px;}
header .btn{
border: 2px solid #FFF;
color: #FFF;
font-size: 24px;
font-weight: 300;
font-family: 'Lato', sans-serif;
margin-top: 25px;
}
header .btn:hover{
text-decoration:none;
color: #B6AF36;
}
.page-banner-contact {
background-size: cover;
background-position: 0 -80px;
padding: 0 25px;
}
.page-wrapper {
/* background: url('images/halftone.png') repeat left top; */
background:#EEE;
}
/*404 Header*/
#four-o-four-header{
background-image: url('images/RockChurch-AbYemGoh-web.jpg');
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web.jpg');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web.jpg');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web.jpg');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web.jpg');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('images/RockChurch-AbYemGoh-web.jpg');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web.jpg');
}
/* Footer */
#footer {
padding: 0;
background: #333;
}
#footer > .container-padding {
padding: 10px 100px;
}
#footer p {
margin: 0;
color:#FFF;
}
#footer ul{
margin-bottom: 0;
}
#footer ul.list-inline.social-buttons a {
color: #FFF;
font-size: 20px;
}
#footer-find-us {
margin-top: 5px;
}
#footer-find-us p, #footer-find-us ul {
display: inline-block;
}
#footer-find-us p{
padding-right: 10px;
}
#footer-find-us ul > li{
padding-right:0;
}
p.copyright {
padding-top: 6px;
}
#footer-copyright {
background: #222;
}
#footer-copyright p {
margin-bottom: 10px;
color:#999;
}
#footer-copyright a {
color:#CCC;
font-size: 14px;
}
#copyright{
border-top: 1px solid #515151;
padding-top: 10px;
margin-left: 0;
margin-right: 0;
background: #303030; 
}
#copyright p{
color:#6e6e6e; 
text-align: center;
}
/******************************************************/
/**************** COMMON STYLES ***********************/
/******************************************************/
.margin-left-filler{
margin-left:-15px;
}
.margin-right-filler{
margin-right:-15px;
}
.margin-bottom{
margin-bottom:25px;
}
.no-margin-top{
margin-top:0 !important;
}
.no-margin-bottom{
margin-bottom:0 !important;
}
.no-padding-top{
padding-top:0 !important;
}
.no-padding-bottom{
padding-bottom:0 !important;
}
.overflow-auto{
overflow:auto;
}
.block-element{
display:block;
}
.fake-blue-link{
color: #428BCA;
}
.fake-blue-link:hover{
color: #2a6496;
}
.big-blue-text{
font-size: 34px;
font-weight: 600 !important;
color: #4682B4;
margin-bottom: 25px;
}
.heavy-heading{ 
font-weight: 600; 
font-size:35px
}
.heavy-lead{
font-size: 25px;
font-weight: 500;
color: #666;
}
.divider {
height: 1px;
width: 100%;
background-color: #EEE;
position: relative;
margin: 25px 0;
}
.divider-mini {
height: 2px;
width: 100%;
background-color: #EEE;
position: relative;
margin: 15px 0;
}
hr.tomato{
width: 15%;
margin: 25px 0 25px 0;
border: 2px solid #FF6347;
opacity: 0.4;
}
.image-wrap-lg {
height: 100px;
width: 100px;
border: 1px solid #CCC;
padding: 15px;
border-radius: 50%;
margin: 0 auto;
}
.image-wrap-sm {
height: 70px;
width: 70px;
border: 1px solid #CCC;
padding: 15px;
border-radius: 50%;
margin: 20px auto 0 auto;
}
.quote h3, .quote h4, .quote span{
color:#666;
}
.quote h3{
font-size: 25px;
margin-top: 0;
font-weight: 300;
}
.quote h4{
font-size:18px;
text-align:right;
margin-top: 25px;
font-style:italic;
}
.quote span{
font-size: 145px;
color: #6495ED;
}
.speech-bubble
{
position: relative;
padding: 15px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #CCC solid 1px;
}
.speech-bubble:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #FFFFFF transparent;
display: block;
width: 0;
z-index: 1;
bottom: -15px;
left: 32px;
}
.speech-bubble:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 15px 0;
border-color: #CCC transparent;
display: block;
width: 0;
z-index: 0;
bottom: -16px;
left: 32px;
}
.speech-bubble p {
font-weight: 300;
font-size: 20px;
}
.speech-bubble-alt
{
position: relative;
padding: 15px;
background: #FFFFFF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: #ddd solid 1px;
}
.speech-bubble-alt:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 45px;
}
.speech-bubble-alt:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #ddd;
display: block;
width: 0;
z-index: 0;
right: -16px;
top: 45px;
}
.speech-bubble-alt p{
font-weight: 300;
font-size: 22px;
line-height: 36px;
}
a.polaroid-link {
background: #FFF;
display: inline;
float: left;
width: 100%;
padding: 10px 10px;
text-align: center;
text-decoration: none;
color: #333;
font-size: 18px;
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 3px 6px rgba(0,0,0,0.25);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
}
.responsive-container { 
position: relative; 
padding-bottom: 56.25%; 
padding-top: 30px; 
height: 0; 
overflow: hidden; 
}
.responsive-container iframe { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%;
}
.image1-wrap,
.image2-wrap, 
.image3-wrap,
.image-paragraph-wrap,
.diagonal-pattern-wrap,
.weave-pattern-wrap,
.maze-pattern-wrap,
.swirl-pattern-wrap,
.pixels-pattern-wrap,
.brick-pattern-wrap,
.crossword-pattern-wrap,
.brushed-wrap,
.green-cup-wrap{
padding: 50px 100px;
}
.diagonal-pattern-wrap{
background: url('images/bg-pattern.png') repeat left top;
}
.weave-pattern-wrap{
background: #F6F6F6 url('images/skelatal_weave.png') repeat left top;
}
.maze-pattern-wrap{
background: #F6F6F6 url('images/pw_maze_white.png') repeat left top;
}
.pixels-pattern-wrap{
background: #F6F6F6 url('images/cream_pixels.png') repeat left top;
}
.brick-pattern-wrap{
background: #F6F6F6 url('images/brickwall.png') repeat left top;
border-bottom: 1px solid #DDD;
}
.swirl-pattern-wrap{
background: #F6F6F6 url('images/swirl.png') repeat left top;
}
.green-cup-wrap {
background: #F6F6F6 url('images/green_cup.png') repeat left top;
}
.brushed-wrap {
background: url('images/brushed.png') repeat left top;
}
.image1-wrap{
background:url('images/foster.jpg') no-repeat left top;
background-size:cover;
}
.image2-wrap{
background:url('images/engage.jpg') no-repeat left top;
background-size:cover;
}
.image3-wrap{
background:url('images/setup.jpg') no-repeat left top;
background-size:cover;
}
.green-cup-wrap  .image-float-wrap {
width: 50px;
float: right;
border-radius: 50%;
}
.green-cup-wrap   h2{
font-size: 40px;  
font-weight: 600;  
border-bottom: 4px solid #DDD;  
padding-bottom: 25px;  
margin-bottom: 25px;
}
.green-cup-wrap   h3{
color: #4682B4;
}
.green-wrap {
color: #FFF;
background: #5cb46c;
padding: 20px 100px 10px 100px;
text-align: center;
}
.green-wrap > h2 {
font-size: 42px;
font-weight: 700;
}
.green-wrap > h2 > span{
color: #DEB887;
}
.green-wrap >.lead {
color: #eee;
font-size: 25px;
}
.color-box-header {
color: #FFF;
margin-bottom: 25px;
text-align: center;
}
.color-box-header > h2{
font-size:48px;
font-weight: 600;
}
.color-box-header > .lead{
display: inline;
background: rgba(92, 180, 108, 0.85);
box-shadow: 10px 0 0 rgba(92, 180, 108, 0.85), -10px 0 0 rgba(92, 180, 108, 0.85);
padding: 5px;
margin: 5px;
font-size: 28px;
line-height: 2.2em;
}
.color-box-header > .lead, .color-box-header p{
color:#eee;
font-weight:400;
}
.white-box, .whitesmoke-box, .white-pattern-box, .transparent-white-box {
border:1px solid #ddd;
padding: 25px;
}
.white-box{
background:white;
}
.transparent-white-box{
background:rgba(255,255,255,0.5);
}
.whitesmoke-box {
background: #F6F6F6 url('images/cream_pixels.png') repeat left top;
}
.white-pattern-box {
background: #F6F6F6 url('images/crossword.png') repeat left top;
}
.img-shadow{
-webkit-filter: drop-shadow(0px 5px 5px #999);
filter: drop-shadow(0px 5px 5px #999);
}
.img-flip{
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.circle-image {
border-radius: 50%;
width: 150px;
height: 150px;
border: 1px solid #DDD;
overflow: hidden;
margin: 0 auto;
}
.circle-image > img {
height: 200px !important;
width: auto !important;
}
.features-large{
overflow: hidden;
padding: 50px 100px;
background: #FFF url('images/lightpaperfibers.png') repeat left top;
border-bottom: 1px solid #DDD;
}
.features-large h2{ 
text-align: left;
margin: 0 20px 0 20px;
font-weight: 600;
font-size: 26px;
}
.features-large  .feature-box {
padding: 5px 0;
}
.features-large .feature-box h3{
font-size: 20px;
margin-left: 20px;
padding-left: 20px;
border-left: 4px solid rgba(0, 0, 0, 0);
}
.features-large .feature-box.is-selected > h3 {
font-weight: 600;
border-left-color: #FF6347;
cursor:pointer;
}
.features-large .feature-box > h3 > a {
color:#5A5A5A;
}
.features-large .feature-box > h3 > a:hover {
text-decoration:none;
color:#5A5A5A;
}
.feature-screenshots img.is-selected {
display: block;
}
.feature-screenshots img {
display: none;
margin: 0 auto;
max-width: 650px;
-webkit-filter: drop-shadow(0px 5px 5px #999);
filter: drop-shadow(0px 5px 5px #999);
}
.feature-screenshots a.is-selected > img{
display: block;
}
.feature-screenshots a > img {
display: none;
margin: 0 auto;
max-width: 650px;
-webkit-filter: drop-shadow(0px 0px 10px #000);
filter: drop-shadow(0px 0px 10px #000);
}
.features-small .feature-box {
padding: 10px 10px 0px 10px;
margin-bottom: 5px;
border: 1px solid rgba(0, 0, 0, 0);
}
.features-small .feature-box.is-selected {
background: #FFF;
border-color: #DDD;
}
.features-small > h2{
font-size: 24px;
text-transform: uppercase;
}
.features-small .feature-box > h3 {
color: #4682B4;
text-transform: uppercase;
font-weight: 600;
font-size: 14px;
letter-spacing: 0px;
text-shadow: 1px 1px 0 #EEE;
-webkit-text-shadow: 1px 1px 0 #eee;
-moz-text-shadow: 1px 1px 0 #eee;
margin-top:0;
margin-bottom: 5px;
}
.large-image-section{
padding: 25px;
background: #FFF;
border: 1px solid #DDD;
background: url('images/poster.jpg') no-repeat left top;
background-size: cover;
}
.large-image-section .white-box{
margin-top: 200px;
background: rgba(255, 255, 255, 0.95);
}
.large-image-section .white-box h3 {
font-size: 35px;
font-weight: 600;
margin-top:0;
}
.other-things-boxes img{
border-top:1px solid #ddd;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
}
.other-things-boxes .white-box > h3{
margin-top: -5px;
margin-bottom: 15px;
}
/******************************************************/
/************* CONTENT SECTIONS ***********************/
/******************************************************/
#client-feedback-box {
display:none;
width: 300px;
height: auto;
border: 1px solid #EEE;
text-align: center;
position: fixed;
z-index: 100;
right: 35px;
bottom: 35px;
background: #FFF;
color: #333;
padding:0 25px 25px 25px;
}
#client-feedback-box h3 {
font-size: 20px;
}
#client-feedback-box p,  #client-feedback-box a {
color: #FFF;
}

#close-x {
position: absolute;
right: -15px;
top: -15px;
width: 30px;
height: 30px;
background: #EEE;
border: 1px solid #EEE;
border-radius: 50%;
font-weight: bold;
line-height: 25px;
}

#close-x:hover {
cursor:pointer;
}

@media handheld, only screen and (min-width: 992px) {
#client-feedback-box {
display:block;
}
}
#testimonals-section {
background: #FAEBD7;
}
#mark-message{
padding: 25px 230px 25px 25px;
min-height: 410px;
color: #FFF;
background-image: url('images/mark-mountain.jpg');
background-size: cover;
}
.container-padding{padding:25px 100px;}
#testimonials > .container {
/*
background: #F6F6F6 url('images/halftone.png') repeat left top;
border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
*/
}
h2.section-heading {
font-size: 40px;
letter-spacing: -1px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.margin-top {
margin-top: 25px;
}
.margin-left {
margin-left: 15px;
}
.progress{
border-radius: 0px !important;
box-shadow: none !important;
}
.progress .progress-bar .3-sec-ease-in-out {
-webkit-transition: width 3s ease-in-out;
-moz-transition: width 3s ease-in-out;
-ms-transition: width 3s ease-in-out;
-o-transition: width 3s ease-in-out;
transition: width 3s ease-in-out;
}
#progress-bars{
font-size: 13px;
}
#image-quote{
padding: 100px 0;
background: url('images/003.jpg') no-repeat left top;
background-size: cover !important;
background-position: center center !important;
/*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/003.jpg') no-repeat left -126px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/003.jpg') no-repeat left -126px;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/003.jpg') no-repeat left -126px;
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/003.jpg') left -126px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('images/003.jpg') no-repeat left -126px;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/003.jpg') no-repeat left -126px;
*/
}
#image-quote .speech-bubble {
background: rgba(0, 0, 0, 0);
border: #FFF solid 4px;
}
#image-quote .speech-bubble p {
color: #FFF;
font-size: 30px;
line-height: 55px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 100;
}
#image-quote h4 {
color: #FFF;
font-size: 18px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
}
#image-quote-2{
padding: 100px 0;
background: url('images/004.jpg') no-repeat left top;
background-size: cover;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/004.jpg') no-repeat left -126px;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/004.jpg') no-repeat left -126px;
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/004.jpg') no-repeat left -126px;
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/004.jpg') left -126px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('images/004.jpg') no-repeat left -126px;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('images/004.jpg') no-repeat left -126px;
}
#image-quote-2 .speech-bubble {
background: rgba(0, 0, 0, 0);
border: #FFF solid 4px;
}
#image-quote-2 .speech-bubble p {
color: #FFF;
font-size: 30px;
line-height: 45px;
}
#image-quote-2 h4 {
color: #FFF;
font-size: 18px;
font-weight: 300;
}
#money-split {
/*background: #3569A8;*/
background: #B6AF36;
color: #FFF;
margin-bottom: -10px;
}
#money-split img {
padding: 0 20px 0 20px;
}
#money-split h2 {
margin-bottom: 10px;
padding-bottom: 10px;
font-weight: 300;
text-align: left;
font-size: 30px;
line-height: 45px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
border-bottom: 2px solid #CDC355;
}
#money-split h4{
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
font-weight: 300;
}
#money-split .container-padding{
padding-top:0;
padding-bottom:0;
}
#money-split [class^="col-"]{
padding-top:25px;
padding-bottom:25px;
margin-top: -10px;
}
#money-split .thecommunity {
background: #FFF;
border: 1px solid #CCC;
color: #B5AF33;
}
#money-split .thecommunity h4{
font-size: 30px;
margin-top: 0;
}
#money-split .money-split-text span{
color: #FAEBD7;
/*font-family: 'museo-slab',serif;*/
font-family: 'Roboto Slab', serif;
}
#money-split .money-split-text a{
color: #FAEBD7;
/*font-family: 'museo-slab',serif;*/
font-family: 'Roboto Slab', serif;
font-size: 16px;
}
#money-split .money-split-text a span{
color: #FFF;
}
.navbar-form .form-control{
width:100%;
}
#socialmedia {
margin-top: 20px;
padding: 15px 0 25px 0;
background: url('images/swirl_pattern.png') repeat left top;
}
.post-image-holder {
max-height: 200px;
overflow:hidden;
}
.post-image-holder > img{
width:100%;
height:auto;
margin-top: -100px;
}
.post-holder {
background: #FFF;
color: #333;
border: 1px solid #ddd;
min-height: 390px;
}
.post-text-holder {
padding: 0 15px 15px 15px;
}
.post-holder p{
color: #333;
}
#how-ct-works{
background-position: 0 -160px;
background-image: linear-gradient(to bottom, rgba(34, 34, 34, 0.90), rgba(34, 34, 34, 0.90)), url('images/how-ct-works.jpg');
background-image: -moz-linear-gradient(top, rgba(34, 34, 34, 0.90), rgba(34, 34, 34, 0.90)), url('images/how-ct-works.jpg');
background-image: -o-linear-gradient(top, rgba(34, 34, 34, 0.90), rgba(34, 34, 34, 0.90)), url('images/how-ct-works.jpg');
background-image: -ms-linear-gradient(top, rgba(34, 34, 34, 0.90), rgba(34, 34, 34, 0.90)), url('images/how-ct-works.jpg');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(34, 34, 34, 0.90)), to(rgba(34, 34, 34, 0.3))), url('images/how-ct-works.jpg');
background-image: -webkit-linear-gradient(top, rgba(34, 34, 34, 0.90), rgba(34, 34, 34, 0.90)), url('images/how-ct-works.jpg');
padding:50px 0;
}
#how-ct-works h3{
color: #DDD;
text-transform: uppercase;
font-size: 25px;
text-align: center;
margin-bottom: 50px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
}
.big-p{
color: #FFF;
/*font-size: 21px;*/
text-shadow: 2px 2px #000;
margin-bottom: 10px;
border: 1px solid #333;
padding: 15px;
background: rgba(0, 0, 0, 0.25);
position: relative;
}
.big-p:after 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #FFFFFF;
display: block;
width: 0;
z-index: 1;
right: -15px;
top: 35%;
}
.big-p:before 
{
content: '';
position: absolute;
border-style: solid;
border-width: 15px 0 15px 15px;
border-color: transparent #ddd;
display: block;
width: 0;
z-index: 0;
right: -16px;
top: 35%;
}
#how-ct-works .row [class*='col-']:last-child .big-p:after 
{
border-width: 0;
}
#how-ct-works .row [class*='col-']:last-child .big-p:before 
{
border-width: 0;
}
h2.mus {
font-weight: 300;
font-size: 28px;
margin-bottom: 35px;
margin-top: 35px;
}
h3.mus {
font-weight: 300;
font-size: 28px;
margin-bottom: 15px;
margin-top: 15px;
}
#tours, #who-what-why, #staffquote {
background: #FAFAFA;
}
#staffquote {
text-align: center;
}
#staffquote blockquote{
padding:0;
margin: 40px auto 50px auto;
border:none;
}
#staffquote blockquote p {
font: 100 36px/1.5 "Roboto Slab",serif;
text-align: center;
color: #4A4A4A;
}
#staffquote blockquote cite {
font-size: 18px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-style: normal;
text-align: center;
color: #646464;
font-weight: 300;
}
#staffquote .avatar {max-width: 150px;}
#meet-the-team .avatar  , #staffquote .avatar {
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
#meet-the-team {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
text-align: center;
/* background: url('images/halftone.png') repeat left top; */
background:#EEE;
}
#meet-the-team h3 {
font-size: 30px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
margin-bottom: 25px;
color: #B6AF36;
}
#meet-the-team h4 {
font-size: 26px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
margin-bottom: 0;
color: #B6AF36;
}
#meet-the-team h5 {
color: #666;
font-weight: 600;
font-size: 15px;
}
#meet-the-team .avatar {
max-width: 175px;
width:100%;
height: auto;
border: 6px solid #FFF;
}
#meet-the-team  img {
margin: 0 auto;
display: block;
width: 60px;
height: auto;
}
[class^="flaticon-"] {
background: #B4AE32;
color: #FFF;
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
margin: 0 auto;
font-size: 30px;
text-align: center;
line-height: 60px;
}
#community-focus [class^="flaticon-"], #ethos-tours [class^="flaticon-"] {
background: #B4AE32;
color: #FFF;
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
margin: 0 auto;
font-size: 30px;
text-align: center;
line-height: 60px;
}
#community-focus .row{
/*background: url('images/community-focus.jpg') no-repeat right top;*/
background-size: contain !important;
}
#community-focus [class*='col-']:first-child{
padding-left:150px;
padding-right:50px;
padding-top:25px;
padding-bottom:25px;
background:#FAFAFA;
}
#community-focus1 .row{
background: url('images/mequat.jpg') no-repeat right top;
background-size: contain;
}
#community-focus1 [class*='col-']:first-child{
padding-left:150px;
padding-right:50px;
padding-top:25px;
padding-bottom:25px;
background:#FAFAFA;
}
#ethos-tours .row{
/*background: url('images/community-ethos.jpg') no-repeat left top;*/
background-size: contain !important;
}
#ethos-tours [class*='col-']:first-child{
padding-right:150px;
padding-left:50px;
padding-top:25px;
padding-bottom:25px;
background:#FAFAFA;
}
#ethos-tours1 .row{
background: url('images/AterowHuts.jpg') no-repeat left top;
background-size: 50%;
}
#ethos-tours1 [class*='col-']:first-child{
padding-right:150px;
padding-left:50px;
padding-top:25px;
padding-bottom:25px;
background:#FAFAFA;
}
.rp-sections .row{
background-size: contain !important;
}
.rp-sections [class*='col-']:first-child{
padding-left:150px;
padding-right:50px;
padding-top:25px;
padding-bottom:25px;
background:#FAFAFA;
}
.rp-sections [class*='-offset-']:first-child{
padding-right:150px;
padding-left:50px;
padding-top:25px;
padding-bottom:25px;
background:#FAFAFA;
}
/*
#community-focus [class*='col-']:last-child{
padding-right:0;
}
#community-focus [class*='col-']:first-child{
padding-left:150px;
padding-top:25px;
}
#ethos-tours [class*='col-']:first-child{
padding-left:0;
}
*/
#pre-footer{
background: #EDF0E3;
background: url('images/ravenna.png') repeat left top;
border-top: 4px solid #CCC;
}
#pre-footer ul{
list-style:none;
margin:0;
padding:0;
}
#pre-footer li{
margin:0;
padding:0;
}
#pre-footer li > a {
color: #666;
font-size: 16px;
font-weight: 300;
line-height: 28px;
}
#pre-footer li > a:before {
content: '\002D';
padding-right: 5px;
}
#pre-footer hr {
width: 100%;
border-color: #FFF;
margin: 30px 0 30px 0;
}
#pre-footer h4 {
text-transform: uppercase;
color: #687350;
font-weight: 600;
font-size: 18px;
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
padding-bottom: 10px;
margin-bottom: 5px;
}
#footer-lists h3.widget-title {
text-transform: uppercase;
color: #687350;
font-weight: 600;
font-size: 14px;
margin: 10px 0;
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
}
#footer-latest-posts h3 {
margin-top: 0;
font-size: 20px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
}
#footer-latest-posts img {
width: 100%;
height: auto;
border: 2px solid #CCC;
}
#footer-latest-posts a {
color: #859467;
font-weight: 500;
}
#footer-lists h3 {
margin-top: 0;
}
#googleplus-badge-2{
text-align: center;
}
#googleplus-badge-2 h3 {
display: none;
}
.page-banner {
padding: 50px 0;
}
.intro-message > h1 {
font-family: 'Lato', sans-serif;
margin-bottom: 25px;
font-size: 50px;
font-weight: 700;
line-height: 50px;
letter-spacing: 0px;
text-shadow: 1px 1px 0 #000;
-webkit-text-shadow: 1px 1px 0 #000;
-moz-text-shadow: 1px 1px 0 #000;
color: #FFF;
}
.intro-message > h2 {
font-family: 'Lato', sans-serif;
margin-bottom: 25px;
font-weight: 700;
line-height: 50px;
letter-spacing: 0px;
text-shadow: 1px 1px 0 #000;
-webkit-text-shadow: 1px 1px 0 #000;
-moz-text-shadow: 1px 1px 0 #000;
color: #FFF;
}
.page-banner-home {
/* height: 505px; */
background-size: cover;
background-position-y: -180px;
}
.google-maps {
position: relative;
padding-bottom: 50%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.pure-table {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid #CBCBCB;
width:100%;
font-size: 16px;
line-height: 1.6;
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
margin-bottom: 30px;
}
.pure-table thead {
background: #E0E0E0;
color: #000;
text-align: left;
vertical-align: bottom;
}
.pure-table > tbody > tr {
border-bottom: 1px solid #CBCBCB;
}
.pure-table td, .pure-table th {
border-left: 1px solid #CBCBCB;
border-width: 0 0 0 1px;
font-size: inherit;
margin: 0;
overflow: visible;
padding: .5em 1em;
}
.pure-table th, .pure-table td {
padding: 0.5em 1em;
vertical-align: top;
}
.qa-wrapper {
-webkit-box-shadow: 0px 0px 30px -20px #000;
-moz-box-shadow: 0px 0px 30px -20px #000;
box-shadow: 0px 0px 30px -20px #000;
background: #FFF;
padding: 10px;
margin-bottom: 30px;
border-bottom: 2px solid #B6AF36;
}
.qa-wrapper > h4 {
font-size: 20px;
color: #666;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 600;
}
#brad-quote {
background: #B6AF36;
}
#brad-quote, #brad-quote > p,  #brad-quote > h4 {
color: #FFF;
}
#faqs{
/* background: url('images/halftone.png') repeat left top; */
background:#EEE;
}
#faqs h3 {
font-size: 30px;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-weight: 300;
margin-bottom: 25px;
color: #B6AF36;
}
#faqs img {
margin: 0 auto;
display: block;
width: 60px;
height: auto;
}
#trek-prices {
background: url('images/crossword.png') repeat left top;
border-top: 1px solid #DDD;
}
#trek-prices h4 {
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
}
#trek-prices h2 {
border-left: 4px solid #B6AF36;
padding-left: 15px;
}
#hp-booking-form{
background: rgba(255, 255, 255, 0.2); 
padding:0px 15px 15px 15px;
color: #FFF;
margin-top: 15px;
}
#hp-booking-form h2{
background: rgba(181, 175, 51, 0.7);
color:#fff;
padding:10px 0 10px 15px; 
margin-bottom: 0;
font-size: 20px;
text-transform:capitalize;
}
#hp-booking-form label{
font-weight:300;
margin-top: 10px;
}
#hp-booking-form input, #hp-booking-form textarea, #hp-booking-form img{
border-radius:0px;
}
#hp-booking-form input[type="checkbox"] {
margin-right: 4px;
}
#hp-booking-form .wpcf7-list-item-label {
margin-right: 14px;
font-size: 18px;
}
#hp-booking-form .wpcf7-validation-errors {
border-color: #B6AF36;
color: #FFF;
background: #B6AF36;
}
#hp-booking-form .wpcf7-mail-sent-ok {
background: #398F14;
}
#hp-booking-form  .wpcf7-not-valid-tip {
color: #B6AF36;
font-size: 18px;
}
#hp-booking-form label.alt-label {
margin-left: 15px;
}
#contact-form > .container {
padding-top: 0;
}
#contact-form img {
border: 4px solid #FFF;
}
#contact-form ul {
list-style:none;
padding:0;
text-align: center;
}
#contact-form ul > li{
display:inline-block;
}
#contact-form .row {
background: #F5F5F5;
border-radius: 5px;
}
#contact-form .contact-details-wrapper {
padding:25px;
}
#contact-form .row > .col-md-4:first-child > .contact-details-wrapper {
border-right:1px solid #DDD;
padding: 25px 50px;
}
#contact-form .row > .col-md-4:last-child > .contact-details-wrapper {
border-left:1px solid #DDD;
padding: 25px 50px;
}
#contact-form {
/*background-image: url(https://www.tesfatours.com/wp-content/uploads/2011/04/Rural-MequatTimkatProcession1.jpg);*/
}
img.ajax-loader {
display: none !important;
}
#contact-form ul.list-inline.social-buttons {
text-align: center;
}
#contact-form .fab {
font-size: 25px;
background: #FFF;
border: 1px solid #DDD;
border-radius: 50%;
padding: 10px;
width: 45px;
height: 45px;
}
#contact-form i.fab.fa-twitter {
background: #55ACEE;
color: #FFF;
}
#contact-form i.fab.fa-twitter:hover {
background: #FFF;
color: #55ACEE;
border-color: #55ACEE;
}
#contact-form i.fab.fa-facebook {
background: #4965a0;
color: #FFF;
}
#contact-form i.fab.fa-facebook:hover {
background: #FFF;
color: #4965a0;
border-color: #4965a0;
}
#contact-form [class^="flaticon-"]{
background: #B4AE32;
color: #FFF;
display: block;
width: 60px;
height: 60px;
border-radius: 50%;
margin: 0 auto;
font-size: 30px;
text-align: center;
line-height: 60px;
}
img.alignleft {
float: left;
margin-right: 25px;
}
img.alignright {
float: right;
margin-left: 25px;
}
img.alignright, img.alignleft{
background: #FAEBD7;
padding: 4px;
border: 1px solid #CCC;
}
.tour-wrapper-large{
position:relative;
/* height: 422px; */
height: 526px;
width:100%;
background-size: cover;
}
.tour-wrapper-large  h2{
position: absolute;
top: 20px;
left: 20px;
color: #FFF;
width: 60%;
z-index: 100;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
font-size: 24px;
}
.tour-wrapper-large .tour-price{
position: absolute;
bottom: 20px;
right: 20px;
color: #FFF;
width: 53%;
text-align: right;
z-index: 100;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 0;
}
.tour-wrapper-small {
position: relative;
/* height: 195px; */
height: 248px;
width: 100%;
background-size: cover;
}
.tour-wrapper-small  h2{
font-size: 18px;
position: absolute;
top: 20px;
left: 20px;
color: #FFF;
width: 60%;
z-index: 100;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
}
.tour-wrapper-small .tour-price{
position: absolute;
line-height: 20px;
font-size: 15px;
bottom: 20px;
right: 20px;
color: #FFF;
width: 75%;
text-align: right;
z-index: 100;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
margin-bottom: 0;
}

.tint:after {
content: '';
position: absolute;
width: inherit;
height: inherit;
top: 0;
left: 0;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1));
transition: background 200ms ease-out;
}
:hover.tint:after {
background-image: linear-gradient(to bottom, rgba(58, 69, 29, 0.5), rgba(58, 69, 29, 0.5));
cursor:pointer;
}
#as-featured-in {
background: #FFF;
border-bottom: 1px solid #DDD;
}
#featured-list {
list-style: none;
text-align:center;
padding: 0;
}
#featured-list > li {
display:inline-block;
margin-right: 25px;
}
#featured-list > li > a > img {
width: 250px;
height: auto;
margin: 25px 0;
}
a.btn.btn-xl {
border: 2px solid #FFF;
color: #FFF;
padding: 10px 100px;
margin-top: 15px;
font-size: 20px;
font-weight: 300;
text-transform: capitalize;
}
#footer-partners {
margin-bottom: 25px;
}
#footer-partners aside {
display:inline;
}
#footer-partners img {
max-width: 50% !important;
height: auto;
margin: 0 auto 15px auto;
}
/** timeline box structure **/
.timeline {
list-style: none;
padding: 25px 0 20px;
position: relative;
margin-bottom: 0;
}
.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eee;
left: 50%;
margin-left: -1.5px;
}
.tldate {
display: block;
width: 80%;
background: #B4AE32;
border: 3px solid #B4AE32;
color: #ededed;
margin: 0 auto;
padding: 3px 0;
font-weight: bold;
text-align: center;
}
.timeline li {
margin-bottom: 25px;
position: relative;
}
.timeline li:before, .timeline li:after {
content: " ";
display: table;
}
.timeline li:after {
clear: both;
}
.timeline li:before, .timeline li:after {
content: " ";
display: table;
}
/** timeline panels **/
.timeline li .timeline-panel {
width: 46%;
float: left;
background: #F0FFFF;
border: 1px solid #d4d4d4;
padding: 20px;
position: relative;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
/** panel arrows **/
.timeline li .timeline-panel:before {
position: absolute;
top: 26px;
right: -15px;
display: inline-block;
border-top: 15px solid transparent;
border-left: 15px solid #ccc;
border-right: 0 solid #ccc;
border-bottom: 15px solid transparent;
content: " ";
}
.timeline li .timeline-panel:after {
position: absolute;
top: 27px;
right: -14px;
display: inline-block;
border-top: 14px solid transparent;
border-left: 14px solid #F0FFFF;
border-right: 0 solid #F0FFFF;
border-bottom: 14px solid transparent;
content: " ";
}
.timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after {
top:0;
right:0;
display: none;
border: 0;
}
.timeline li.timeline-inverted .timeline-panel {
float: right;
}
.timeline li.timeline-inverted .timeline-panel:before {
border-left-width: 0;
border-right-width: 15px;
left: -15px;
right: auto;
}
.timeline li.timeline-inverted .timeline-panel:after {
border-left-width: 0;
border-right-width: 14px;
left: -14px;
right: auto;
}
/** timeline circle icons **/
.timeline li .tl-circ {
/**position: absolute;
top: 23px;
left: 50%;
text-align: center;
background: #6a8db3;
color: #fff;
width: 35px;
height: 35px;
line-height: 35px;
margin-left: -16px;
border: 3px solid #90acc7;
border-top-right-radius: 50%;
border-top-left-radius: 50%;
border-bottom-right-radius: 50%;
border-bottom-left-radius: 50%;
z-index: 99999;**/
}
/** timeline content **/
.tl-heading h4 {
margin: 0;
color: #c25b4e;
font-size: 16px;
}
.tl-body p, .tl-body ul {
margin-bottom: 0;
}
.tl-body > p + p {
margin-top: 5px;
}
#the-history {
background: url('images/crossword.png') repeat left top;
border-bottom: 1px solid #DDD;
}
.rotate {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.header-info-strip {
background: #EEE;
text-align: center;
padding: 10px 0 5px 0;
line-height: 26px;
font-size: 110%;
border-bottom: 1px solid #CCC;
}
.header-info-strip-btn {
background-color: #4BA614;
border-radius: 2px;
padding: 2px 25px 5px 25px;
margin-left: 15px;
display: inline-block;
color: #FFF;
}
.header-info-strip-btn:hover,.header-info-strip-btn:focus{
color: #FFF;
opacity: 0.85;
}
.header-info-strip p {
margin-bottom: 6px;
text-transform: capitalize;
}
.widget.jetpack_subscription_widget > .widgettitle > label {
text-transform: uppercase;
color: #687350;
font-weight: 600;
font-size: 18px;
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
margin-top: 18px;
margin-bottom: 0;
display: block;
}
#subscribe-text {
display: none;
}
#jetpack-subscribe-label {
width: 100%;
}
#subscribe-email #subscribe-field {
width: 100%;
padding: 4px 10px;
}
#subscribe-submit input[type='submit'] {
width: 100%;
background: #B6AF36;
color: #FFF;
border: 0;
outline: none;
padding: 4px 10px;
}
.cff-wrapper {
background: #FFF;
border: 1px solid #DDD;
padding: 10px;
}
#cff .cff-item {
border-bottom: none;
padding-bottom: 0;
}
ul.list-inline.social-buttons i {
-webkit-transition: color 0.2s ease-out;
-moz-transition: color 0.2s ease-out;
-o-transition: color 0.2s ease-out;
-ms-transition: color 0.2s ease-out;
transition: color 0.4s ease-out;
}
ul.list-inline.social-buttons i:hover {
color: #B6AF36;
}
p.copyright i {
color: #B6AF36;
}
/* Blog Page */
#content .post {
background: #FFF;
border: 1px solid #CCC;
margin-bottom: 25px;
padding:0 25px;
overflow: hidden;
}
#content .entry-title {
margin: 25px 0;
font-size: 24px;
font-weight: 500;
}
#content .entry-title > a{
color: #333;
font-weight: 500;
margin: 25px 0;
display: block;
}
.feed-featured-image-container {
height: 175px;
overflow: hidden;
margin-right: -25px;
margin-left: -25px;
}
.feed-featured-image-container img {
width: 100%;
margin-top: -70px;
}
.blog-text-container{
width:100%;
}
.blog-feed-featured-image-container {
display:none;
overflow: hidden;
margin-right: -25px;
margin-left: -25px;
/* width: 40%;
float: left;
max-height: 515px; */
}
.blog-feed-featured-image-container img {
/* width: 550%;
height: auto; */
}

@media handheld, only screen and (min-width: 992px) {
.blog-feed-featured-image-container > .post-thumbnail{
/* max-height: 460px; */
display: grid;
height: 250px;
}
.blog-feed-featured-image-container > .post-thumbnail > img {
/* width: 300%;
height: auto; */
object-fit: cover;
width: 100%;
max-height: 100%;
}

}

@media handheld, only screen and (min-width: 992px) {
.blog-text-container{
/* width:60%;
float:left; */
}
.blog-feed-featured-image-container {
display:block;
}
}
.single-featured-image-container {
max-height: 300px;
overflow: hidden;
margin-left: -25px;
margin-right: -25px;
}
.single-featured-image-container img {
width: 100%;
height:auto;
margin-top: -50px;
}
.entry-meta.feed-date-by{
overflow: auto;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding: 4px 0;
margin-bottom: 8px;
}
.entry-meta.single-date-by{
overflow: auto;
border-top: 1px solid #EEE;
border-bottom: 1px solid #EEE;
padding: 4px 0;
margin-bottom: 8px;
}
.entry-meta.feed-footer span.tag-links a, .entry-meta.single-footer span.tag-links a  {
text-transform: capitalize;
color: #B6AF36;
}
.entry-meta.feed-footer, .entry-meta.single-footer {
padding-bottom: 10px;
}
.entry-meta {
margin-bottom: 15px;
}
/* Blog Sidebar */
#blog-sidebar .screen-reader-text {
display: none;
}
#blog-sidebar .search-field {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #FFF;
background-image: none;
border: 1px solid #CCC;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#blog-sidebar .search-submit {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
color: #FFF;
background-color: #286090;
border-color: #204D74;
}
#blog-sidebar .widget {
background: #FFF;
border: 1px solid #CCC;
margin-bottom: 15px;
padding: 15px;
}

#blog-sidebar .search-form {
text-align: center;
}
#blog-sidebar .search-form > label {
width: 68%;
}

@media handheld, only screen and (min-width: 1292px) {
#blog-sidebar .search-form > label {
width: 78%;
}
}

#blog-sidebar .widget > .widget-title {
margin-top: 0;
}
#blog-sidebar .widget ul {
list-style: none;
padding: 0;
}
#blog-sidebar .widget ul > li {
border-bottom: 1px dotted #EEE;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 18px;
}
.trek-tour-button-widget h3{
margin-top:0;
}
/* Post Navigation */
.navigation.post-navigation > .screen-reader-text {
font-size: 20px;
}
.nav-links {
font-size: 16px;
font-weight: 500;
}
.comments-link {
display: none;
}
/*Testing Tour Page*/
#meet-the-team1 {
border-top: 1px solid #DDD;
border-bottom: 1px solid #DDD;
/* background: url('images/halftone.png') repeat left top; */
background:#EEE;
}
#west-meket-holder, #east-meket-holder, #abuna-yoseph-holder, #tigray-sites-holder,  #wof-washa-sites-holder, #janamora-sites-holder {
padding: 10px 15px 1px 15px;
background:#FFF;
border: 1px solid #CCC;
margin-bottom: 25px;
}
#west-meket-holder > h3, #east-meket-holder > h3, #abuna-yoseph-holder > h3, #west-meket-holder > h3, #tigray-sites-holder  > h3, #wof-washa-sites-holder > h3, #janamora-sites-holder > h3 {
margin-top: 0;
margin-bottom: 10px;
font-size: 20px;
text-align: center;
border-bottom: 2px solid #EEE;
padding-bottom: 10px;
}
#west-meket-holder, #tigray-sites-holder, #wof-washa-sites-holder, #janamora-sites-holder  {
border-left: 6px solid #FFA500;
}
#west-meket-holder > h3, #tigray-sites-holder > h3, #wof-washa-sites-holder > h3, #janamora-sites-holder > h3 {
  color:#FFA500;
}
#east-meket-holder {
border-left: 6px solid #4682B4;
}
#east-meket-holder > h3{color:#4682B4;}
#abuna-yoseph-holder {
border-left: 6px solid #E9967A;
}
#abuna-yoseph-holder > h3{color:#E9967A;}
.route-descriptions {
background: #FFF;
border: 1px solid #CCC;
padding: 15px;
}
.rotate-text{
-webkit-transform: rotate(270deg);
-moz-transform: rotate(269deg);
-o-transform: rotate(269deg);
display: block;
position: relative;
left: -200px;
top: -100px;
}
canvas { 
background:url(images/lalibela-cropped.jpg);
}

.community-map {
display:none;
position: relative;
width: 433px;
height: 392px;
margin: 0 auto;
border: 1px solid #CCC;
background: #FFF;
}
.community-map.tigray-map{
height: 450px;
width: 249px;
}
.community-map.wof-washa-map{
  height: 409px;
  width: 249px;
}
.community-map.jan-mora-map{
  width: 431px;
  height: 337px;
}
.community-map > img{
padding: 5px;
}

.community-marker {
display: block;
width: 20px;
height: 20px;
border: 6px double;
border-radius: 50%;
position: absolute;
box-shadow: 0px 0px 10px #FFF;
}
.community-relative {
display: block;
width: 30px;
height: 30px;
border: 8px double;
border-radius: 50%;
position: relative;
box-shadow: 0px 0px 10px #FFF;
}

.route-list {
list-style-type: none;
padding: 0;
}
.route-list > li {
font-size: 16px;
font-weight: 400;
line-height: 32px;
vertical-align: top;
}
.route-list > li > a {
color: #333;
    font-size: 15px;
}
li.trek-type {
padding-left: 0 !important;
line-height: 25px;
text-align: center;
font-size: 15px;
}
ul.route-list > li.trek-type:hover {
cursor: initial;
}
li.trek-type > span {
font-weight: 500;
}
ul.route-list.route-list-intro {
border-bottom: 2px solid #EEE;
padding-bottom: 10px;
}
@-webkit-keyframes pulse 
{       
0% {-webkit-transform: scale(0); opacity: 0;}
8% {-webkit-transform: scale(0); opacity: 0;}
15% {-webkit-transform: scale(0.1); opacity: 1;}
30% {-webkit-transform: scale(0.5); opacity: 1;}
100% {opacity: 0; -webkit-transform: scale(1);}
}
@-moz-keyframes pulse 
{       
0% {-moz-transform: scale(0); opacity: 0;}
8% {-moz-transform: scale(0); opacity: 0;}
15% {-moz-transform: scale(0.1); opacity: 1;}
30% {-moz-transform: scale(0.5); opacity: 1;}
100% {opacity: 0; -moz-transform: scale(1);}
}

.pulse_holder{
display: inline-block;
margin-right: 5px;
margin-top: 8px;
}

.pulse_holder .pulse_marker{
width: 15px;
height: 15px;
border: 6px double #4682B4;
border-radius: 50%;
position: relative;
}

.pulse_holder .pulse_rays {
position: absolute;
left: -13px;
top: -13px;
margin: 0 auto;
border-radius: 100px;
z-index: 10;
background-color: rgba(0, 0, 0, 0);
opacity: 0.1;
width: 29px;
height: 29px;
border: 2px solid #008040;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-ms-border-radius: 100px;
border-radius: 100px;
-webkit-animation: pulse 2s linear infinite;
-moz-animation: pulse 2s linear infinite;
border-image: initial;
}

.pulse_holder .pulse_rays.pulse_rays_off{
display:none;
}
ul.route-list > li:hover, #tigray-list > li:hover{
cursor:pointer;
}
.route-descriptions{
display:none;
}
#mequat-mariam-description,
#erar-description,
#liq-marefya-description,
#khalid-abo-description
{
display:block;
}
.community-map .pulse_holder {
position: absolute;
}
.sidebar-booking-form {
background: #FFF !important;
color: #333 !important;
border: 1px solid #CCC;
max-width:700px !important;
}
#popup-booking-form{
background: #FFF;
color: #333;
border: 1px solid #CCC;
max-width:500px;
}
#popup-booking-form h2{
background: rgba(181, 175, 51, 0.7);
color:#fff;
padding: 10px;
margin-bottom: 0;
font-size: 20px;
text-transform:capitalize;
}
#popup-booking-form label{
font-weight:300;
margin-top: 10px;
}
#popup-booking-form label.alt-label {
margin-left: 15px;
}
#popup-booking-form input, #popup-booking-form textarea, #popup-booking-form img{
border-radius:0px;
}
#popup-booking-form input[type="checkbox"] {
margin-right: 4px;
}
#popup-booking-form input[type="submit"] {
margin-bottom: 15px;
}
#popup-booking-form span {
font-size: 16px;
}
.community-map .pulse_holder .pulse_rays {
border-color: #FFF;
}
#werkhaye-mariam .pulse_marker, #werkhaye-mariam-marker > .pulse_marker, #werkhaye-mariam-description .pulse_marker, #werkhaye-mariam-start-stop .pulse_marker {
background: #B0E0E6;
border-color: #B0E0E6;
}
#mequat-mariam .pulse_marker, #mequat-mariam-marker > .pulse_marker, #mequat-mariam-description .pulse_marker,
#liq-marefya .pulse_marker, #liq-marefya-marker > .pulse_marker, #liq-marefya-description .pulse_marker {
border-color: #87CEEB;
}
#wajela .pulse_marker, #wajela-marker > .pulse_marker, #wajela-description .pulse_marker,
#kundi-guesthouse .pulse_marker, #kundi-guesthouse-marker > .pulse_marker, #kundi-guesthouse-description .pulse_marker {
border-color: #00FF7F;
}
#aterow .pulse_marker, #aterow-marker > .pulse_marker, #aterow-description .pulse_marker {
border-color: #F5DEB3;
}
#yadukulay-2 .pulse_marker, #yadukulay-2-marker > .pulse_marker, #yadukulay-2-description .pulse_marker,
#taga-mariam .pulse_marker, #taga-mariam-marker > .pulse_marker, #taga-mariam-description .pulse_marker,
#gosh-meda .pulse_marker, #gosh-meda-marker > .pulse_marker, #gosh-meda-description .pulse_marker {
border-color: #DB7093;
}
#yadukulay-1 .pulse_marker, #yadukulay-1-marker > .pulse_marker, #yadukulay-1-description .pulse_marker {
border-color: #DB7093;
}
#boya-mikael .pulse_marker, #boya-mikael-marker > .pulse_marker, #boya-mikael-description .pulse_marker,
#timbala .pulse_marker, #timbala-marker > .pulse_marker, #timbala-description .pulse_marker {
border-color: #7FFF00;
}
#aina-amba .pulse_marker, #aina-amba-marker > .pulse_marker, #aina-amba-description .pulse_marker{
border-color: #B0E0E6;
}
#kurtain-washa .pulse_marker, #kurtain-washa-marker > .pulse_marker, #kurtain-washa-description .pulse_marker {
border-color: #00BFFF;
}
#geneta-mariam-2 .pulse_marker, #geneta-mariam-2-marker > .pulse_marker, #geneta-mariam-2-description .pulse_marker {
border-color: #7FFFD4;
}
#ad-medhanealem .pulse_marker, #ad-medhanealem-marker > .pulse_marker, #ad-medhanealem-description .pulse_marker {
border-color: #F0E68C;
}
#abuna-yoseph .pulse_marker, #abuna-yoseph-marker > .pulse_marker, #abuna-yoseph-description .pulse_marker {
width: 0;
height: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-bottom: 15px solid #9ACD32;
border-radius: 0;
border-top: 0;
margin-right: 5px;
}
#agaw-beret .pulse_marker, #agaw-beret-marker > .pulse_marker, #agaw-beret-description .pulse_marker,
#wof-washa-genet .pulse_marker, #wof-washa-genet-marker > .pulse_marker, #wof-washa-genet-description .pulse_marker {
border-color: #00FA9A;
}
#tadios-amba .pulse_marker, #tadios-amba-marker > .pulse_marker, #tadios-amba-description .pulse_marker,
#mescha-guesthouse .pulse_marker, #mescha-guesthouse-marker > .pulse_marker, #mescha-guesthouse-description .pulse_marker{
border-color: #FF8C00;
}
#geneta-mariam-1 .pulse_marker, #geneta-mariam-1-marker > .pulse_marker, #geneta-mariam-1-description .pulse_marker{
border-color: #7FFFD4;
}
#map-key {
display:none;
background: #FFF;
border: 1px solid #CCC;
padding: 5px 15px;
margin-top: 15px;
margin-bottom: 30px;
}
#map-key .start-finish-point {
top: 0;
left: 4px;
}
#map-key .trailhead {
margin-right: 15px;
width: 15px;
height: 16px;
top: 3px;
}
#map-key .lunch-stop {
margin-right: 15px;
position: relative;
top: 0;
left: 0;
width: 14px;
height: 14px;
}
#map-key .under-construction {
display: inline-block;
margin-right: 15px;
position: relative;
top: 0;
left: 0;
width: 12px;
height: 12px;
}
#map-key .peak {
display: inline-block;
margin-right: 15px;
margin-left: 3px;
}
.peak {
width: 0;
height: 0;
border-left: 5px solid rgba(0, 0, 0, 0);
border-right: 5px solid rgba(0, 0, 0, 0);
border-bottom: 15px solid #9ACD32;
border-radius: 0;
border-top: 0;
}
.trailhead {
width: 10px;
height: 12px;
position: relative;
display: inline-block;
}
.trailhead:before, .trailhead:after {
content: "";
position: absolute;
background: #FF7F50;
}
.trailhead:before {
right: 0%;
width: 30%;
margin-left: -15%;
height: 100%;
}
.trailhead:after {
top: 50%;
height: 25%;
margin-top: -15%;
width: 100%;
}
.lunch-stop {
position: absolute;
width: 10px;
height: 10px;
background: #FF6347;
display: inline-block;
}
.under-construction {
position: absolute;
bottom: -18px;
left: -2px;
width: 8px;
height: 8px;
background: #0F0;
}
.start-finish-point {
position: relative;
width: 16px;
height: 10px;
display: inline-block;
margin-right: 15px;
top: -25px;
left: -5px;
}
.start-finish-point:before,
.start-finish-point:after {
content: "";
position: absolute;
top: 0;
left: -5px;
width: 10px;
height: 10px;
border: 5px double #87CEFA;
-moz-border-radius: 50px 50px 0 50px;
border-radius: 50px 50px 0 50px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.start-finish-point:after {
left: auto;
right: 0;
-moz-border-radius: 50px 50px 50px 0;
border-radius: 50px 50px 50px 0;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.non-accommodation-point{
display: inline-block;
background: #B0E0E6;
border-color: #B0E0E6;
border-radius: 50%;
width: 15px;
height: 15px;
margin-right: 10px;
}


#btn-booking {
font-size: 22px;
text-transform: capitalize;
padding: 8px;
height: 50px;
font-weight: 300;
}
#tip{position:relative;}
.tip-info {
text-transform: capitalize;
font-weight: 500;
text-align:center;
}
#community-video {
/* background: url('images/halftone.png') repeat left top; */
background:#EEE;
border-top: 1px solid #CCC;
}
#what-to-expect {
/* background: url('images/halftone.png') repeat left top; */
background:#EEE;
}
.video-wrapper {
background: #FFF;
padding: 10px;
border: 1px solid #CCC;
}
#tigray-list {
/*-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;*/
list-style-type: none;
padding: 0;
}
ul#tigray-list > li {
text-align: left;
font-size: 17px;
font-weight: 400;
line-height: 37px;
vertical-align: top;
}
#menyebeiti-marker {
bottom: 56px;
left: 33px;
}
#chehat-marker {
bottom: 90px;
left: 90px;
}
#enaf-marker {
bottom: 150px;
left: 120px;
}
#gohgot-marker {
bottom: 200px;
left: 200px;
}
#shimbrety-marker {
bottom: 236px;
left: 236px;
}
#erar-marker {
bottom: 150px;
right: 126px;
}
#kiat-marker {
bottom: 170px;
right: 94px;
}
#seheta-marker {
bottom: 209px;
right: 60px;
}
#menyebeiti .pulse_marker, #menyebeiti-marker > .pulse_marker, #menyebeiti-description .pulse_marker, #menyebeiti-start-stop .pulse_marker {
border-color: #FF6347;
}
#chehat .pulse_marker, #chehat-marker > .pulse_marker, #chehat-description .pulse_marker, #chehat-start-stop .pulse_marker {
border-color: #87CEEB;
}
#enaf .pulse_marker, #enaf-marker > .pulse_marker, #enaf-description .pulse_marker, #enaf-start-stop .pulse_marker {
border-color: #00FF7F;
}
#gohgot .pulse_marker, #gohgot-marker > .pulse_marker, #gohgot-description .pulse_marker, #gohgot-start-stop .pulse_marker {
border-color: #F5DEB3;
}
#shimbrety .pulse_marker, #shimbrety-marker > .pulse_marker, #shimbrety-description .pulse_marker, #shimbrety-start-stop .pulse_marker {
border-color: #DB7093;
}
#erar .pulse_marker, #erar-marker > .pulse_marker, #erar-description .pulse_marker, #erar-start-stop .pulse_marker {
border-color: #FFA07A;
}
#kiat .pulse_marker, #kiat-marker > .pulse_marker, #kiat-description .pulse_marker, #kiat-start-stop .pulse_marker {
border-color: #7FFF00;
}
#seheta .pulse_marker, #seheta-marker > .pulse_marker, #seheta-description .pulse_marker, #seheta-start-stop .pulse_marker {
border-color: #B0E0E6;
}
.tigray-descriptions .route-descriptions{margin-top:0;} 
/*Tours Pages*/
#tour-numbers {
/* background: url('images/halftone.png') repeat left top; */
background:#EEE;
border-bottom: 1px solid #CCC;
}
p.tour-number {
font-size: 35px;
background: #B4AE32;
line-height: 70px;
border-radius: 50%;
width: 75px;
height: 75px;
margin: 0 auto;
color: #FFF;
border: 4px solid #FFF;
}
p.tour-cost {
background: #3A451D;
color: #FFF;
font-size: 28px;
padding: 12px 25px;
border: 4px solid #FFF;
margin: 0 auto;
width: 175px;
text-align: center;
}
.tour-options-box {
border-top: 1px dashed #DDD;
padding-top: 15px;
}
.white-box .tour-options-box:first-of-type{
border-top: none;
padding-top:1px;
}
#tour-details {
background: url('images/crossword.png') repeat left top;
border-top: 1px solid #DDD;
}
#tour-details .white-box > h3 {
color: #B4AE32;
}
.tour-image {
  border: 5px solid #FFF;
}

/*Tour Photos*/
#tour-images {
  /* background: url('images/halftone.png') repeat left top; */
background:#EEE;
  border-top: 1px solid #CCC;
}



/*Booking Form Block*/
.booking-form{
background: rgba(0, 0, 0, 0.4);
padding: 10px 25px 25px 25px;
color: #FFF;
}
.booking-form h2{
background: rgba(181, 175, 51, 0.7);
color:#fff;
padding:10px 0 10px 15px; 
margin-bottom: 0;
font-size: 20px;
text-transform:capitalize;
}
.booking-form label{
font-weight:300;
margin-top: 10px;
}
.booking-form input[type='text'], 
.booking-form input[type='email'],
.booking-form input[type='number'],
.booking-form input[type='date'],
.booking-form input[type='tel'],
/* .booking-form select,
.booking-form option, */
.booking-form textarea, 
.booking-form img{
border-radius: 0px;
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.1);
color: #FFF;
font-size: 18px;
}
.booking-form input[type='checkbox'] {
margin-right: 4px;
}
.booking-form .wpcf7-list-item-label {
margin-right: 14px;
font-size: 18px;
}
.booking-form .wpcf7-validation-errors, .booking-form .wpcf7-mail-sent-ok {
border: none;
text-align: center;
font-size: 18px;
/*font-family: "brandon-grotesque",sans-serif;*/
font-family: 'Lato', sans-serif;
margin-top: 15px;
}
.booking-form  .wpcf7-not-valid-tip {
color: #B6AF36;
font-size: 18px;
margin-top: 10px;
}
.booking-form label.alt-label {
margin-left: 15px;
}
.booking-form span.wpcf7-list-item {
display: block;
}
#booking-form-block {
background-image: url('images/RockChurch-AbYemGoh-web2.jpg');
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web2.jpg');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web2.jpg');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web2.jpg');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web2.jpg');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('images/RockChurch-AbYemGoh-web2.jpg');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/RockChurch-AbYemGoh-web2.jpg');
}
#booking-form-block h2 {
color: #FFF;
text-transform: capitalize;
text-shadow: 2px 2px #000;
margin: 15px 0;
}
#booking-form-block p.lead {
color: #FFF;
margin-bottom: 30px;
}
#trekking-booking-form-block {
background-image: url('images/tigray.jpg');
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/tigray.jpg');
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/tigray.jpg');
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/tigray.jpg');
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/tigray.jpg');
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('images/tigray.jpg');
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('images/tigray.jpg');
}
#trekking-booking-form-block h2 {
color: #FFF;
text-transform: capitalize;
text-shadow: 2px 2px #000;
margin: 15px 0;
}
#trekking-booking-form-block p.lead {
color: #FFF;
margin-bottom: 30px;
}
.book-now-button{
width: auto;
max-width: 380px;
white-space: pre-wrap;
margin: 15px auto 0 auto;
display: block;
text-transform:capitalize;
color: #FFF;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-size: 20px;
line-height: 25px;
font-weight: 500;
padding: 10px 15px;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #4BA614;
}
.book-now-button:hover{
color: #FFF;
background-color: #36780F;
}
#tours .book-now-button {
font-size: 16px;
max-width: 285px;
margin-top: 30px;
}
@media handheld, only screen and (max-width: 600px){
  #tours .book-now-button {
    margin-top: 0;
    }
}
#tours .container-padding {
  padding-bottom: 0;
}
.booking-form-button{
width: 100%;
margin-top: 25px;
color: #FFF;
/*font-family: "museo-slab",serif;*/
font-family: 'Roboto Slab', serif;
font-size: 20px;
line-height: 12px;
font-weight: 500;
padding: 10px 10px 10px 10px;
display: inline-block;
text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
border: 1px solid #34740E;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #4BA614;
background-image: -webkit-gradient(linear, left top, left bottom, from(#4BA614), to(#008C00));
background-image: -webkit-linear-gradient(top, #4BA614, #008C00);
background-image: -moz-linear-gradient(top, #4ba614, #008c00);
background-image: -ms-linear-gradient(top, #4ba614, #008c00);
background-image: -o-linear-gradient(top, #4ba614, #008c00);
background-image: linear-gradient(to bottom, #4BA614, #008C00);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}
.booking-form-button:hover{
color: #FFF;
border: 1px solid #224B09;
background-color: #36780F;
background-image: -webkit-gradient(linear, left top, left bottom, from(#36780F), to(#005900));
background-image: -webkit-linear-gradient(top, #36780F, #005900);
background-image: -moz-linear-gradient(top, #36780f, #005900);
background-image: -ms-linear-gradient(top, #36780f, #005900);
background-image: -o-linear-gradient(top, #36780f, #005900);
background-image: linear-gradient(to bottom, #36780F, #005900);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#36780f, endColorstr=#005900);
}
.booking-form-button:focus, .booking-form-button:active:focus, .booking-form-button.active:focus, 
.book-now-button:focus, .book-now-button:active:focus, .book-now-button:focus{
color:#FFF;
outline: none;
}
/******************************************************/
/************ Security Info Banner *********************/
/******************************************************/
#security-info {
	padding: 15px;
	text-align: center;
	background: cadetblue;
}
#security-info a {
    color: white;
}

#security-info .fa-info-circle{
	margin-left: 10px;
}
/******************************************************/
/************ MEDIA QUERIES MAIN *********************/
/******************************************************/
@media handheld, only screen and (max-width: 1202px)  {
#money-split h2{font-size:28px;line-height: 30px;}
#community-focus [class*='col-']:first-child,.rp-sections [class*='col-']:first-child {padding-left: 50px;}
#ethos-tours [class*='col-']:first-child,.rp-sections [class*='-offset-']:first-child {padding-right: 50px;}
}
@media handheld, only screen and (max-width: 1135px)  {
.rp-sections .row{background-size: cover !important;}
} 
@media handheld, only screen and (max-width: 1090px) {
#money-split h2{font-size:18px;}
.top-menu-wrapper {padding: 5px 15px;}
.navbar-brand {padding-left: 15px;}
#menu-primary-navigation {margin-right: 10px;}
.intro-text {max-width: 65%;}
.page-banner-home {background-position-y: 0;}
}
@media handheld, only screen and (max-width: 1002px) {
#menu-primary-navigation > li {
margin-right: 0;
}
}
@media handheld, only screen and (max-width: 991px) {
.container-padding {padding: 25px;}
#footer > .container-padding {padding: 10px 25px;}
.tour-wrapper-large .tour-price {font-size: 16px;}
#image-quote {padding: 25px 0;}
#image-quote .speech-bubble p {font-size: 22px;line-height: 40px;}
#image-quote h4 {margin-bottom: 0;}
.timeline li .timeline-panel {width: 44%;}
.rp-sections .row{border-bottom: 1px solid #CCC;}
#community-focus [class*='col-']:first-child,
#ethos-tours [class*='col-']:first-child,
.rp-sections [class*='col-']:first-child,
.rp-sections [class*='-offset-']:first-child {padding-left: 25px;padding-right: 25px;}
#community-focus .row, #ethos-tours .row{background-size: cover !important;}
}
@media handheld, only screen and (max-width: 922px) {
#menu-primary-navigation > li > a > span {
display:none;
}
.page-banner-contact {
background-position: 0;
}
}
@media handheld, only screen and (max-width: 900px) {
#menu-primary-navigation > li > a {padding: 10px 5px;}
}
@media handheld, only screen and (max-width: 800px) {
.tour-wrapper-large h2 {font-size: 18px;}
.tour-wrapper-large .tour-price {width:85%;}
.intro-text {max-width: 80%;}
#featured-list > li > a > img {width: 200px;}
}
@media handheld, only screen and (max-width: 767px) {
.navbar-brand {padding-left: 15px;}
.sign-up-header.pull-left {float: none !important;text-align: center;}
.navbar-collapse {width: 100%;background: #F5F5F5;border-top: 1px solid #CCC;}
.navbar-toggle {margin-right: 5px;}
#menu-primary-navigation {margin: 0;}
#footer-request-panel {padding-bottom:0;}
#footer-request-panel > h3{text-align: center;}
.min-height-footer-block {min-height: 1px;}
.page-banner-home {height: auto;}
a.btn.btn-xl {margin-bottom: 50px;}
h2.mus {margin-bottom: 15px;margin-top: 0px;}
.big-p:after, .big-p:before{border:none;}
#how-ct-works {padding: 0;}
#how-ct-works h3 {margin-bottom: 25px;}
#meet-the-team h4 {font-size: 22px;}
#meet-the-team .avatar {max-width: 125px;}
.tour-wrapper-large {height: 145px;margin-bottom: 30px;background-position: 0 -100px;}
.tour-wrapper-small {background-position: 0 -50px;}
#tour-details .top-buffer{margin-top:0;}
}
@media handheld, only screen and (max-width: 700px) {
ul.timeline:before {left: 40px;}
.tldate { width: 140px; }
ul.timeline li .timeline-panel {width: calc(100% - 90px);width: -moz-calc(100% - 90px);width: -webkit-calc(100% - 90px);}
ul.timeline li .tl-circ {top: 22px;left: 22px;margin-left: 0;}
ul.timeline > li > .tldate {margin: 0;}
ul.timeline > li > .timeline-panel {float: right;}
ul.timeline > li > .timeline-panel:before {border-left-width: 0;border-right-width: 15px;left: -15px;right: auto;}
ul.timeline > li > .timeline-panel:after {border-left-width: 0;border-right-width: 14px;left: -14px;right: auto;}
.intro-text {max-width: 95%;}
}
@media handheld, only screen and (max-width: 694px){
#money-split {display: none;}
}
@media handheld, only screen and (max-width: 600px){
.col-xxs-12{width:100% !important;}
.tour-wrapper-large, .tour-wrapper-small {margin: 0 auto 25px auto;max-width: 350px;background-position: 0;}
#staffquote blockquote p {font-size: 28px;}
#featured-list > li {margin-right: 15px;}
#hp-booking-form .wpcf7-list-item-label:after {content:"\a";white-space: pre;}
#tours .top-buffer{margin-top:0;}
.pulse_holder .pulse_rays {display: none;}
}
@media handheld, only screen and (max-width: 560px){
.tour-wrapper-small {margin-bottom: 30px;}
}
@media all and (max-width: 600px) and (min-width: 420px){
.route-list:not(.route-list-intro) {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
}
@media handheld, only screen and (max-width: 560px) {
.intro-heading > h1 {font-size: 40px;}
a.btn.btn-xl {width: 100%;padding: 10px 25px;white-space: pre-wrap;}
.intro-text {max-width: 80%;}
}
@media handheld, only screen and (max-width: 460px){
#featured-list > li {margin-right: 0;}
#featured-list > li > a > img {margin: 15px 0;}
.intro-text {max-width: 100%;}
.pure-table th, .pure-table td {padding: 4px;}
}
@media handheld, only screen and (max-width: 370px){
.top-menu-wrapper {padding: 5px 10px;}
.sign-up-header i {display:none;}
.navbar-brand {padding-left: 10px;}
.navbar-toggle {margin-right: 5px;}
ul.timeline li .timeline-panel {width: calc(110% - 72px);width: -moz-calc(110% - 72px);width: -webkit-calc(110% - 72px);}
}
@media handheld, only screen and (min-width: 1367px) {
/*body {background: #333;}*/
}
@media handheld, only screen and (min-width: 1200px) {
.tip-info {letter-spacing: 1px;position: absolute;bottom: -198px; left: -190px; -webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.tip-info.tip-tigray {bottom: -545px;}
.tip-info.tip-wof-washa {bottom: -545px;}
.tip-info.tip-jan-mora {bottom: -545px;}
.community-map.wollo-map, .wollo-map-key{display: block !important;}
}
@media handheld, only screen and (min-width: 992px) {
.community-map.tigray-map, .tigray-map-key {display: block !important;}
.community-map.wof-washa-map, .wof-washa-map-key {display: block !important;}
.community-map.jan-mora-map, .jan-mora-map-key {display: block !important;}
}
@media handheld, only screen and (min-width: 810px) {
.navbar-brand > img {
width: 250px;
margin-top: 0;
}
}
@media handheld, only screen and (min-width: 768px) {
.intro-text {padding: 90px 0;}
.intro-lead-in > p{font-size: 30px;}
.intro-heading > h1{font-size: 60px;font-weight: 800;text-transform: capitalize;}
}
@media handheld, only screen and (min-width: 600px) {
.small-screen-link{pointer-events: none;}
}
#g-recaptcha-0 {
overflow: hidden;
}
.wpcf7-form-control-wrap>div>div>div {
margin: 0 auto 15px auto;
}

.grecaptcha-badge { 
  visibility: hidden;
}

.recaptcha-disclaimer,
.recaptcha-disclaimer-alt {
  text-align: center;
}

.recaptcha-disclaimer, 
.recaptcha-disclaimer a,
.recaptcha-disclaimer-alt, 
.recaptcha-disclaimer-alt a {
  font-size: 14px;
}

.recaptcha-disclaimer, 
.recaptcha-disclaimer a {
  color: white;
}

/* Trip Advisor Widget */
div#CDSWIDSSP {
  	margin: 0 auto;
    margin-bottom: 20px;
	width: 100% !important;
}

@media handheld, only screen and (min-width: 768px) {
div#CDSWIDSSP {
  	margin-top: -20px;
	margin-bottom: 0;
}
}

div#CDSWIDCOE {
    margin: 0 auto;
    width: 100%;
	padding: 5% 35%;
}

@media handheld, only screen and (min-width: 768px) {
div#CDSWIDCOE {
   padding: 5% 20%;
}
}

@media handheld, only screen and (min-width: 1200px) {
div#CDSWIDCOE {
   padding: 5% 15%;
}
}
/* 
Changes to homepage to include the video in the banner.
Done Sept 2020 
*/

.hpbanner {
  padding: 2em;
}

.hpbanner--intro-text--btn{
  padding: 10px 1em;
}


@media handheld, only screen and (min-width: 992px) {
  .hpbanner {
    display: flex;
    padding: 4em;
    align-items: center;
  }
  .hpbanner--intro-text {
    flex: 1;
    padding: 1em;
  }
  
  .hpbanner--video {
    flex: 1;
    padding: 1em;
  }
  .page-banner-home {
    height: 505px;
    }

  }