/*

Theme Name: Da Vinci Gorilla Lodge

Theme URI: https://wordpress.org/themes/twentyfourteen/

Author: John Bob Ayebale

Author URI: https://wordpress.org/

Description: In 2016,

Version: 1.0

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: This a hotel Theme

Text Domain: da Vinci Gorilla Lodge





*/





body {

	background: url('images/bg1.jpg');

	width: 100%;

	margin: 0;

	padding: 0;

	color: #444;

    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;

    font-size: 14px;

    line-height: 1.7em;

}

html {

	width: 100%;

	margin: 0;

	padding: 0;

}

a {

	color: #A0612B;

	text-decoration: none;

	font-weight: lighter;

}

.wrapper {

	width: 80%;

	margin: auto;

	padding: 0;

	clear: both;



}

.wrapper small{

	font-weight: lighter;

	font-style: italic;

	color: #979797;

	font-family: 'Times New Roman';

	border-left: 3px solid #ccc;

	padding-left: 5px;

	margin-left: 5px;



}

h1 {

	text-align: center;

	font-weight: lighter;

}

table {

    border-collapse: collapse;

    width: 100%;

}





th, td {

    text-align: left;

    padding: 8px;

}

.details td:before{

	font-family: FontAwesome;

    content:"\f138";

    margin-right: 10px;

    color: #A0612B;

}

.details tr:nth-child(odd){

	background-color: #6DA3BA;

}

.header {

	width: 100%;

	color: #fff;

	display: inline-block;

	clear: both;

}

.header-top {

	padding: 10px 0;

	width: 100%;

	background: url('images/bg2.png') #A0612B;

	clear: both;

	display: inline-block;

	border-bottom: 5px solid #ccc;

}

.header-top a{

	color: #fff;

}

.logo {

	width: 30%;

	float: left;

	font-size: 30px;

	color: #fff;

}

.contact {

	width: 30%;

	float: right;

	text-align: right;

	font-weight: lighter;

}

.banner {

	width: 100%;

	clear: both;

	background: rgba(200, 200, 200, 0.5);

}

.banner img{

	width: 100%;

	height: 100%;

}

.nav {

	width: 100%;

	clear: both;

	padding: 10px 0;

	display: inline-block;

}

.nav li{

	list-style: none;

	padding: 0 10px;

	float: left;

	font-weight: lighter;

	font-size: 1.6em;

}

.nav li a{

	text-decoration: none;

}

.nav ul{

	float: right;

	padding: 0;

	margin: 0;

}

.footer {

	background:url("images/bg2.png") #444;

	clear: both;

	display: inline-block;

	color: #979797;

}

.footer-tab {

	width: 24.25%;

	float: left;

	padding: 0.5%;

}

.footer-tab:first-of-type {

	padding-left:0;

}

.footer-tab:last-of-type {

	padding-right: 0;

}

.coptright {

	border-top: 3px solid #686868; 

	text-align: center;

	color: #ccc;

	clear: both;

	background:url("images/bg2.png") #000;

	width: 100%;

	padding: 10px 0;

	display:inline-block;

}

.coptright-float {

	float:left;

}

.coptright ul{

	float:right;

       padding:0;

	margin:0;

}

.coptright li a{

	color:#919191;

       text-decoration:none;

}



.coptright li{

	float:left;

       list-style:none;

	padding:0 10px;

	border-right:1px solid #919191;

}

.coptright li:last-of-type{

	border-right:none;

}



.home-tabs {

	width: 24.25%;

	float: left;

	margin: 0.5%;

	border-bottom: 1px solid #ccc;

	margin-bottom: 10px;

}

.home-tabs:first-of-type {

	margin-left:0;

}

.home-tabs:last-of-type {

	margin-right: 0;

}

.home-tabs-img {

	width: 100%;

	border: 1px solid #ccc;

	height: 150px;

}

.home-tabs-img img{

	width: 100%;

	height: 100%;

}

.main {

	display: inline-block;

    float: left;

    margin-right: 2%;

    width: 68%;

}

.main img{

	max-width: 100%;

	height: auto;

	float: left;

	padding-right: 10px;

}

.main h1{

	border-bottom: 1px solid #ccc;

	font-size: 28px;

	padding-bottom: 10px;

}

.sidebar {

	margin-left: 0%;

	width: 28%;

	float: left;

}

.over-view {

	width:45%;

	float: left; 

}

.details {

	width: 45%;

	margin-left: 4%;

	float: left;

	margin-bottom: 10px;

}

.on-page {

	width: 100%;

	padding: 10px;

	border: 1px solid #ccc;

	margin-top: 15px;

	margin-bottom: 15px;

	border-radius: 4px;

	background: rgba(255, 255, 255, 0.68) none repeat scroll 0 0;

	display: inline-block;

}

.button {

	padding: 10px;

	background: #A0612B;

	color: #ccc;

	border:1px solid #ccc;

	border-radius: 5px;

}



.on-page h3{

	border-bottom: 1px solid #ccc;

	padding-bottom: 4px;

}

.trip {

	float: right;

}

.hot-fac {

	width: 100%;

	display: inline-block;

	clear: both;

	border-top: 1px solid #ccc;

}

.hot-cont {

	float: left;

	width: 70%;

}

.home-tabs12 {

    float: left;

    margin: 0.5% 0.5% 10px;

    width: 24.25%;

}

.sidebar-tabs {

    float: left;

    margin: 0.5% 0.5% 10px;

    width: 100%;

}

.wrapper h2{

	font-weight: lighter;

	font-size: 1.7em;

}

h3.more {

	border-bottom: 1px solid #ccc;

	font-weight: lighter;

	font-size: 1.7em;

	padding-bottom: 4px;

}