/* - - - - - - - - - - - - - - - - - - - - -
Theme Name: Croatia Vacation
Theme URI: http://www.testd.htmlid.com/
Description: Croatia Holiday Destinations
Author: Jaranen / HTMLID
Author URI: https://www.htmlid.com
Created :  22.11.2019
Modified : 01.12.2019
- - - - - - - - - - - - - - - - - - - - - */
/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */

/* ----- CSS ----- */
body {
font-family: 'Oswald', sans-serif;
}
#header {
background-color:#021120;
border-top:4px solid #edbb01;
padding:8px 0;
}
#header .logo {
max-width:203px;
padding:10px 0;
}
#header .logo img {
max-width:203px;
width:100%;
height:auto;
}
.nopadding {
padding:0!important;
}
#header .rent {max-width:768px; padding:8px 4px!important; margin:0 auto;overflow:hidden!important;}
#header .rent img {width:100%;height:auto;margin:0 auto!important;}
#navigation {
width:100%;
background-color:#031c35;
min-height:50px;
}
#navigation ul li {
font-size:16px;
text-transform:uppercase;
}
#navigation ul li a {
padding:16px 20px;
color:#fff;
display:block;
}
#navigation ul li a:hover {
background-color:#edbb01;
color:#021120;
}
#navigation ul li a:active {
background-color:#edbb01!important;
color:#021120!important;
}
#navigation ul li a:focus {
background-color:#edbb01!important;
color:#021120!important;
}
#navigation ul li ul {
background-color:#edbb01;
color:#021120;
}
#navigation ul li ul li {
font-size:16px;
border-top:1px solid #031c35;
}
#navigation ul li ul li a {
padding:10px 22px;
color:#021120;
background-color:#edbb01;
}
#navigation ul li ul li a:hover {
background-color:#021120;
color:#edbb01;
}
@media screen and (max-width: 768px) { 
#header .logo {
margin:0 auto;
}
}
#navigation .icon-bar {
font-size:22px;
color:#edbb01!important;
margin-top:-12px;
}
#intro {
width:100%;
height:120px;
background-color:#021120;
}
#home {
margin-top:-60px;
background-color:#fff;
padding:35px 0 10px 0;
border-top:4px solid #edbb01;
}
#home .top-home {
padding-bottom:30px;
}
#home .top-home h1 {
padding:0 0 30px 0;
font-size:28px;
color:#021120;
margin:0;
text-transform:capitalize;
}
#home .top-home h2 {
padding:0 0 10px 0;
font-size:24px;
color:#021120;
margin:0;
}
#home .top-home p {
font-size:20px;
padding-bottom:20px;
font-family:'Dosis', sans-serif;
color:#333;
}
#home .post {
margin-bottom:22px;
}
#home .post .img-holder {
width:100%;
position:relative;
}
#home .post .img-holder .cat-name {
position:absolute;
right:-10px;
top:-12px;
z-index:4;
}
#home .post .img-holder .cat-name p {
padding:12px 10px;
background-color:#2286c6;
font-size:14px;
}
#home .post .img-holder .cat-name p a {
color:#fff;
}
#home .post .img-holder .cat-name p a:hover {
text-decoration:none;
color:#edbb01;
}
#home .post .img-holder .triangle {
width:10px;
height:auto;
position:absolute;
top:32px;
right:-10px;
z-index:3;
}
#home .post .img-holder img {
width:100%;
height:auto;
}
#home .post .post-info {
padding:8px 2px;
}
#home .post .post-info p {
font-size:13px;
color:#333;
font-weight:300;
padding:0;
}
#home .post .post-info p span {
margin:0 4px;
color:#031121;
font-weight:400;
}
#home .post .title {
min-height:93px;
width:100%;
}
#home .post .title h3 {
font-size:24px;
margin:0;
padding:0px;
}
#home .post .title h3 a {
color:#031121;
}
#home .post .title h3 a:hover {
text-decoration:none;
color:#125681;
}
#tourist-regions {
width:100%;
}
#tourist-regions h3 {
padding:0 0 26px 0;
font-size:24px;
color:#021120;
margin:0;
}
#tourist-regions p {
font-size:20px;
padding-bottom:20px;
font-family:'Dosis', sans-serif;
color:#333;
}
#tourist-regions .nopadding {
padding:0!important;
margin:0!important;
}
#tourist-regions .nopadding:hover {
opacity:0.95;
}
#tourist-regions .one {
background-color:#2286c6;
}
#tourist-regions .two {
background-color:#0f7587;
}
#tourist-regions .three {
background-color:#099eb8;
}
#tourist-regions .four {
background-color:#34bed6;
}
#tourist-regions .five {
background-color:#05c6e8;
}
#tourist-regions .six {
background-color:#1b8b9f;
}
#tourist-regions .seven {
background-color:#0abd67;
}
#tourist-regions .nopadding h4 {
font-size:38px;
padding:60px 20px;
min-height:220px!important;
display:block;
}
#tourist-regions .nopadding h4 a {
text-decoration:none;
color:#fff;
display:block;
}
#tourist-regions .regions {
margin-bottom:35px;
} 
.tabs {
display: flex;
flex-wrap: wrap; // make sure it wraps
}
.tabs label {
order: 1; // Put the labels first
display: block;
padding: 1rem 2rem;
margin-right: 0.2rem;
cursor: pointer;
background:#021120;
color:#edbb01;
font-weight:bold;
font-size:16px;
transition: background ease 0.3s;
}
.tabs .tab {
order: 99; // Put the tabs last
flex-grow: 1;
width: 100%;
display: none;
padding:10px;
background:#fff;
}
.tabs input[type="radio"] {
display: none;
}
.tabs input[type="radio"]:checked + label {
background: #fff;
color:#021120;
background-color:#edbb01;
}
.tabs input[type="radio"]:checked + label + .tab {
display: block;
}
.tabs .tab .img-holder {
padding:0 15px 15px 0;
}
.tabs .tab .img-holder img {
width:100%;
height:auto;
}
.tabs .tab .visit {
width:100%;
line-height:50px;
text-align:center;
text-transform:uppercase;
display:block;
font-size:18px;
font-weight:bold;
background-color:#2286c6;
color:#fff;
font-family:'Dosis', sans-serif;
}
.tabs .tab .visit:hover {
text-decoration:none;
background-color:#031c35;
color:#edbb01;
}
@media (max-width: 45em) {
.tabs .tab,
.tabs label {
order: initial;
}
.tabs label {
width: 100%;
margin-right: 0;
margin-top: 0.2rem;
}
}
#outro {
padding:30px 0;
}
#outro h3 {
padding:0 0 20px 0;
font-size:28px;
color:#021120;
margin:0;
}
#outro p {
font-size:20px;
padding-bottom:20px;
font-family:'Dosis', sans-serif;
color:#333;
}
#footer-top {
width:100%;
background-color:#031c35;
padding:30px 0 18px 0;
}
#footer-top .fbox {
margin-bottom:15px;
}
#footer-top .fbox h4 {
font-size:22px;
text-transform:uppercase;
color:#edbb01;
padding:0 0 14px 0;
margin:0;
}
#footer-top .fbox ul {
padding:0 0 10px 25px;
list-style-type:disc;
}
#footer-top .fbox ul li {
font-size:16px;
font-family:'Dosis', sans-serif;
margin-bottom:8px;
color:#fff;
}
#footer-top .fbox ul li a {
color:#fff;
}
#footer-top .fbox ul li a:hover {
text-decoration:none;
color:#edbb01;
}
#footer-top .fbox p {
font-family:'Dosis', sans-serif;
font-size:16px;
color:#fff;
padding:0 0 10px 0;
}
#footer-bottom {
padding:14px 0;
background-color:#021120;
}
#footer-bottom p {
font-size:18px;
text-align:center;
color:#fff;
font-family:'Dosis', sans-serif;
}
.breadcrumb {
background-color:transparent!important;
padding:18px 0!important;
}
.breadcrumb p {
font-size:16px;
color:#fff;
font-family:'Dosis', sans-serif;
}
.breadcrumb p a {
color:#edbb01;
}
#main {
width:100%;
background-color:#fff;
display:block;
margin-top:-60px;
padding:30px 0;
border-top:4px solid #edbb01;
}
#main .post {
width:100%;
padding-bottom:30px;
}
#main .post h1 {
font-size:34px;
color:#021120;
margin:0;
padding:0 0 20px 0;
}
#main .post h2 {
font-size:30px;
color:#031c35;
margin:0;
padding:0 0 20px 0;
}
#main .post h3 {
font-size:26px;
color:#031c35;
margin:0;
padding:0 0 20px 0;
}
#main .post h4 {
font-size:22px;
color:#031c35;
margin:0;
padding:0 0 20px 0;
}
#main .post .post-info {
padding-bottom:10px;
}
#main .post .post-info p {
font-family: 'Oswald', sans-serif;
font-size:14px;
color:#333;
}
#main .post .post-info p span {
font-weight:bold;
color:#edbb01;
}
#main .post p {
font-size:20px;
padding-bottom:20px;
color:#333;
font-family:'Dosis', sans-serif;
}
#main .post p a {
font-weight:bold;
color:#031c35;
}
#main .post img {
width:100%;
height:auto;
}
#main .post .wp-caption img {
width:100%!important;
height:auto;
}
#main .post .wp-caption-text {
margin-bottom:25px;
padding:14px;
font-size:18px;
background-color:#031c35;
color:#edbb01;
font-family:'Dosis', sans-serif;
}
#main .post ul {
padding:0 0 16px 20px;
list-style-type:disc;
}
#main .post ul li {
font-size:16px;
color:#333;
margin-bottom:8px;
}
#main .post .adwrap {
width:100%;
margin-bottom:20px;
}
#main .post .video-wrap {
position:relative;
padding-bottom:56.25%;
padding-top:25px;
height:0;
margin-bottom:20px;
}
#main .post .video-wrap iframe {
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#main .post p input {
width:100%;
height:50px;
line-height:50px;
font-size:24px;
color:#333;
border-top:none;
border-left:none;
border-right:none;
border-bottom:1px solid #c0c0c0;
text-indent:12px;
}
#main .post p textarea {
padding:1%;
width:100%;
min-height:120px;
border:1px solid #c0c0c0;
}
#main .post .wpcf7-submit {
width:100%;
height:70px;
line-height:72px;
border:none;
background-color:#021120;
color:#edbb01;
text-align:center;
font-size:38px;
text-transform:uppercase;
font-weight:bold;
transition:all 0.3s;
}
#main .post .wpcf7-submit:hover {
background-color:#031c35;
}
#searchform label {
display:none!important;
}
#s {
width:80%;
height:64px;
display:block;
float:left;
border:none;
line-height:64px;
background-color:#d2e3e7;
text-indent:10px;
font-size:20px;
color:#333;
}
#searchsubmit {
float:right;
width:20%;
text-align:center;
height:64px;
line-height:64px;
color:#edbb01;
font-size:16px;
text-align:uppercase;
background-color:#021120;
border:none;
}
#searchsubmit:hover {
color:#fff;
}
.social-box {display: block;width:100%;padding:10px 0;border-top:1px solid #c0c0c0;}
.social-box:last-of-type {margin:10px 0;}
.social-btn {display: block;width:100%;margin:0 auto;text-align:center;}
.social-btn a:hover {text-decoration:none;}
a.col-2.sbtn span {
display: none;
}
a.col-2.sbtn {
padding:4px 12px;
display:inline-table;
text-align:center;
line-height:35px;
color: #fff;
margin:4px;
font-size:18px;
}
.s-twitter {
background: #03A9F4;
}
.s-twitter::before {
font-family: fontawesome;
content:'\f099';
}
.s-twitter:hover {
background: #0093d6;
}
.s-facebook {
background: #3F51B5;
}
.s-facebook::before {
font-family:fontawesome;
content:'\f09a';
}
a.col-1.sbtn.s-facebook:hover {
background:#2f409f;
}
.s-googleplus {
background: #F44336;
}
.s-googleplus::before {
font-family: fontawesome;
content: '\f0d5';
}
.s-googleplus:hover {
background: #c82c21;
}
.s-whatsapp {
background: #4CAF50;
}
.s-whatsapp::before {
font-family: fontawesome;
content: '\f232';
}
a.col-2.sbtn.s-whatsapp:hover {
background: #3d9440;
}
.s-linkedin {
background:#1a7baa;
}
.s-linkedin::before {
font-family: fontawesome;
content: '\f0e1';
}
a.col-2.sbtn.s-linkedin:hover {
background: #136288;
}
.s-pinterest {
background: #bd081c;
}
.s-pinterest::before {
font-family: fontawesome;
content: '\f231';
}
a.col-2.sbtn.s-pinterest:hover {
background: #a10718;
}
.s-buffer {
background: #ced7df;
}
.s-buffer::before {
font-family: fontawesome;
content: '\e804';
}
a.col-2.sbtn.s-buffer:hover {
background: #c3c5c8;
}
#main .navigation {
margin:18px 0!important;
width:100%;
}
#main .navigation ol {
padding:0!important;
text-align:center;
}
#main .navigation .tw-pagination li {
font-size:18px;
color:#021120;
border:none;
text-align:center;
margin:4px 5px!important;
display:inline-table;
}
#main .navigation .tw-pagination li .current {
padding:12px 16px;
color:#edbb01;
background-color:#031c35!important;
}
#main .navigation .tw-pagination li .page {
padding:12px 16px;
color:#edbb01;
background-color:#021120;
}
#main .navigation .tw-pagination li .page:hover {
background-color:#031c35!important;
}
.sidebar {
width:100%;
padding-bottom:20px;
}
.sidebar .sbbox {
width:100%;
margin-bottom:25px;
}
.sidebar .sbbox .ad-wrap {
position:relative;
overflow:hidden;
max-width:300px;
height:250px;
width:100%;
margin:0 auto;
}
.sidebar .sbbox .ad-wrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.sidebar .sbbox h4 {
font-size:18px;
color:#edbb01;
padding:16px 10px;
background-color:#021120;
margin:0;
}
.sidebar .sbbox ul li {
font-size:18px;
border-bottom:1px solid #c0c0c0;
font-family:'Dosis', sans-serif;
}
.sidebar .sbbox ul li a {
color:#333;
padding:12px 10px;
display:block;
}
.sidebar .sbbox ul li a:hover {
color:#031c35;
}
.sidebar .sbbox ol li {
font-size:18px;
border-bottom:1px solid #c0c0c0;
font-family:'Dosis', sans-serif;
}
.sidebar .sbbox ol li a {
color:#333;
padding:12px 10px;
display:block;
}
.sidebar .sbbox ol li a:hover {
color:#031c35;
}
.sidebar .sbbox p {
font-size:18px;
padding:10px;
color:#333;
font-family:'Dosis', sans-serif;
}
#main .post-list {
width:100%;
padding:15px 0;
background-color:#d2e3e7;
margin-bottom:35px;
display:block;
}
#main .post-list .img-holder {
width:100%;
max-width:420px;
}
#main .post-list .img-holder img {
width:100%;
height:auto;
}
#main .post-list .img-holder a:hover {
opacity:0.9;
}
#main .post-list h3 {
font-size:24px;
line-height:24px;
padding:16px 0;
min-height:50px;
display:block;
}
#main .post-list h3 a {
color:#021120;
}
#main .post-list h3 a:hover {
text-decoration:none;
color:#147a90;
}
#main .post-list p {
font-size:16px;
color:#333;
padding-bottom:12px;
font-family:'Dosis', sans-serif;
}
#main .post-list .visit {
width:100%;
height:32px;
line-height:32px;
font-size:16px;
text-align:center;
background-color:#021120;
font-family:'Dosis', sans-serif;
color:#edbb01;
display:block;
}
#main .post-list .visit:hover {
text-decoration:none;
background-color:#031c35;
color:#fff;
}
.search-title {
padding:0 0 30px 0;
margin:0;
color:#021120;
font-size:32px;
}
.search-title span {
color:#edbb01;
}
/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}