@import url("https://fonts.googleapis.com/css2?family=Open+Sans&family=Oswald&display=swap");
* {
box-sizing: border-box;
padding: 0;
margin: 0;
}
.content-area {width: calc(100% - 340px)!important;} h1, h2, h3, h4, h5, h6 {
margin-bottom: 12px;
color: #2A2A2A;
font-weight: normal;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
line-height: 1.4;
}
h1 {font-size: 28px;}h2 {font-size: 24px;}h3 {font-size: 22px;} h1, h2, h3, h4, h5, h6 {
margin-bottom: 12px;
color: #2A2A2A;
font-weight: normal;
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
line-height: 1.4;
}
h1 {font-size: 28px;}h2 {font-size: 24px;}h3 {font-size: 22px;} a {
text-decoration: none;
color: black;
transition: background-color, color 0.2s linear;
}
a:hover { color: #bfbfbf!important }
a:link, a:visited, a:active { text-decoration: none, color: #4285f4; }
p a {color:#f15620} p.main-title a {
float: left;
color: #2A2A2A;
font-weight: bold;
line-height: 60px;
background-image: url(//thehotel-directory.com/wordpress/wp-content/themes/gp-child/images/world-adventures.png);
background-repeat: no-repeat;
background-size: 120px;
background-position: 50% 45%;
height: 60px;
width: 160px;
text-indent: -9999px;
}
.inside-header {padding:0}
.site-branding {
padding-left: 10px;
}
.site-header,.main-navigation {background-color: #2a2a2a;}
div#primary-menu a,.gp-icon svg {color: #bfbfbf; text-transform:uppercase;font-family: 'Oswald', sans-serif;font-size: 16px;}
.gp-icon svg {fill: #bfbfbf;}
ul.sub-menu li.menu-item a {
color: #2a2a2a!important;
text-transform:capitalize!important;
}  div.inside-article{padding:30px 16px!important}  .listgroup div.display-posts-listing >div:first-child {
padding: 0;
}
.listgroup .listing-item {
overflow: hidden;
border-bottom: 1px solid #e2e2e2;
width: 100%;
position: relative;
margin-bottom: 28px;
padding-bottom: 28px;
}
.listgroup div.display-posts-listing >div:first-child a.image {
margin: 0;
width: 100%;
max-width: none;
height: auto;
}
.listing-item a.image img, .listing-item span.image img {
width: 100%;
height: inherit;
object-fit: cover;
aspect-ratio: 4/3;
}
.listgroup div.display-posts-listing >div:first-child div.caption {
position: absolute;
bottom: 0;
width: 100%;
padding: 30px;
color: #f1f1f1;
}
.listgroup div.display-posts-listing >div:first-child div.caption .category-display {
position: initial!important;
margin: -7px;
}
.category-display {
position: inherit;
background: #f15620;
text-transform: uppercase;
padding: 0 5px;
font-size: 14px;
font-family: 'Oswald', sans-serif;
left: 0;
top: 0;
color: white;
}
div.display-posts-listing >div:first-child div.caption h3 {
padding: 0;
margin-top: 7px;
}
@media (min-width: 768px){}
div.display-posts-listing >div:first-child div.caption a {
font-size: 40px;
color: black;
background: white;
display: inline;
box-shadow: 7px 0 white,-7px 0 white;
}
@media (min-width: 768px){}
div.display-posts-listing div.caption .excerpt {
display: block;
}
.listgroup .listing-item a.image, .listgroup .listing-item span.image {
max-width: 154px;
height: 206px;
float: left;
margin-bottom: 0;
width: calc(50% - 10px);
position: relative;
overflow: hidden;
}
.listgroup .listing-item .caption {
width: calc(100% - 154px);
float: left;
padding-left: 16px;
}
a.read-more {display: none!important;}  .af-hor, .af-ver, .af-lis { }
.af-hor ul, .af-hor>div, .af-ver ul, .af-ver >div {
margin: 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
@media (min-width: 768px){
.af-hor ul li, .af-hor>div div {
width: 31%;
}
}
@media (min-width: 500px){
.af-hor ul li, .af-hor>div div {
width: 48%; }
}
.af-hor ul li, .af-hor>div div {
list-style-type: none;
width: 100%;
position: relative;
justify-content: space-between;
margin-bottom: 20px;
}
.af-hor li.listing-item a.image, .af-hor li.listing-item span.image, .af-hor div.listing-item a.image, .af-hor div.listing-item span.image {
width: 100%;
height: 200px;
margin: 0;
max-width: 100%;
}
.af-ver li, .af-ver>div>div, .af-list>div>div, .af-list li {
list-style-type: none;
overflow: hidden;
border-bottom: 1px solid #e2e2e2;
width: 100%;
position: relative;
margin-bottom: 28px;
padding-bottom: 28px;
}
@media (min-width: 500px){
.af-ver .listing-item a.image, .af-ver .listing-item span.image {
float: left;
margin-bottom: 0;
margin-right: 10px;
width: calc(50% - 10px);
position: relative; overflow: hidden;
max-width: 154px;
height: 206px;
margin: 0!important;
}
}
.af-ver div:first-child>div.caption {
width: calc(100% - 154px)!important;
}
.af-ver div:first-child>div.caption {
width: calc(100% - 154px)!important;
}
@media (min-width: 500px){
.af-ver .listing-item .caption {
width: calc(100% - 154px)!important;
float: left;
padding-left:16px;
}
}
div.display-posts-listing >div:first-child div.caption h3 {
padding: 0; }
.af-hor div.caption a, .af-ver div.caption a, .af-list div.caption a {
font-size: 22px!important;
}
.af-hor ul, .af-hor>div, .af-ver ul, .af-ver >div {
margin: 0;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
@media (min-width: 768px){
.af-hor ul li, .af-hor>div div {
width: 31%;
}
}
@media (min-width: 500px){
.af-hor ul li, .af-hor>div div {
width: 48%; }
}  div.adbanner{
width:100%;
height:90px;
text-align:center} .article { margin-bottom: 10px;
padding: 0;
}
.page-header-image {display:none}
.page article header, .single article header {
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.single #content_box {
width: 100%;
} .featured-thumbnail { width: 100%;
position: relative;
}
.featured-thumbnail img {
width: 100%;
}
img.attachment-large.size-large.wp-post-image {
margin: 0!important;object-fit:cover; aspect-ratio:4 /3;
}
header .caption {
position: absolute;
bottom: 0;
width: 100%;
margin: 0;
padding: 30px;
}
.featured-cat {
display: table;
position: relative;
left: -7px;
background: #f15620!important;
text-transform: uppercase;
padding: 0 5px;
font-size: 14px;
font-family: 'Oswald', sans-serif;
color: white;
}
h1.title.single-title {
font-size: 40px;
line-height: 2em;
padding: 0!important;
margin: 0;
padding: 2% 1%;
color: #2a2a2a;
background: white;
width: initial;
box-shadow: 7px 0 white,-7px 0 white;
display: inline
}
.post-content {
padding-bottom: 15px;
margin-bottom: 15px;
font-size: 14px;
line-height: 23px;
}
.listgroup div.display-posts-listing >div:first-child div.caption .category-display {
position: initial!important;
margin: -7px;
}
.category-display {
position: inherit;
background: #f15620;
text-transform: uppercase;
padding: 0 5px;
font-size: 14px;
font-family: 'Oswald', sans-serif;
left: 0;
top: 0;
color: white;
}
div.display-posts-listing >div:first-child div.caption h3 {
padding: 0;
margin-top: 7px;
}
@media (min-width: 768px){}
div.display-posts-listing >div:first-child div.caption a {
font-size: 40px;
color: black;
background: white;
display: inline;
box-shadow: 7px 0 white,-7px 0 white;
}
@media (min-width: 768px){}
div.display-posts-listing div.caption .excerpt {
display: block;
}
.listgroup .listing-item a.image, .listgroup .listing-item span.image {
max-width: 154px;
height: 206px;
float: left;
margin-bottom: 0;
width: calc(50% - 10px);
position: relative;
overflow: hidden;
} .boxset {
margin-bottom: 10px;
}
.boxset .display-posts-listing {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
}
.boxset .listing-item, .af-hor ul li, .af-hor>div div {
width: calc(33.33% - 10px);
position: relative;
justify-content: space-between;
margin-bottom: 20px;
}
.boxset a.image {
width: 100%!important;
height: 200px!important;
margin: 0;
max-width: 100%;
}
.boxset div.caption, .af-hor .caption {
position: absolute;
bottom: 0;
width: 100%!important;
padding: 10px!important;
}
.af-hor .category-display{top:-17px;}
.boxset div.caption a, .af-hor div.caption a, .af-hor div.caption h3 span{
color: black;
font-size: 22px!important;
background: white;
display: inline;
box-shadow: 7px 0 white,-7px 0 white;
}  .is-right-sidebar {width: 340px;}
.widget {padding: 20px!important;} @media (max-width: 768px)
{
.main-navigation .main-nav li {background-color: #f0f0f0;}
#site-navigation.toggled {margin-top:0!important}
div#primary-menu a{color: #2a2a2a!important;}
div#primary-menu.main-nav svg {fill: #2a2a2a!important;}
ul.sub-menu li.menu-item a {padding-left:40px!important;}
ul.sub-menu li.menu-item ul.sub-menu li.menu-item a {padding-left:60px!important;}
nav#site-navigation {position: absolute;top: 60px;width: 100%;}
main#main{margin-top:0;}
.content-area {width: auto!important;}
.boxset div.caption h3 a {font-size:17px!important}
.listgroup div.display-posts-listing >div:first-child div.caption {padding: 20px;}
div.display-posts-listing >div:first-child div.caption a {
font-size: 24px;}
h1.title.single-title {font-size: 24px;}
header .caption{padding:20px}
}