/*
Theme Name: Welcome Inn Child
Theme URI: http://themefuse.com/demo/wp/welcomeinn/
Description: Child theme for the Welcome Inn theme. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Reade More</a>
Author: ThemeFuse
Author URI: http://themefuse.com
Template: welcome_inn
Version: 1.0
*/
@import url("../welcome_inn/style.css");

/*----------------------------------------------*/
/* Prilagođeni fontovi */
/*----------------------------------------------*/
@font-face {
    font-family: "MelbourneRegular";
    src: url("css/melbourne-regular-webfont.eot");
    src: url("css/melbourne-regular-webfont.eot?#iefix") format("embedded-opentype"),
        url("css/melbourne-regular-webfont.woff") format("woff"),
        url("css/melbourne-regular-webfont.ttf") format("truetype"),
        url("css/melbourne-regular-webfont.svg#MelbourneRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "DidactGothicRegular";
    src: url("css/didactgothic-webfont.eot");
    src: url("css/didactgothic-webfont.eot?#iefix") format("embedded-opentype"),
        url("css/didactgothic-webfont.woff") format("woff"),
        url("css/didactgothic-webfont.ttf") format("truetype"),
        url("css/didactgothic-webfont.svg#DidactGothicRegular") format("svg");
    font-weight: normal;
    font-style: normal;
}

/*----------------------------------------------*/
/* Tekst */
/*----------------------------------------------*/
.header-title-image h1,
.header-title-image strong {
    margin: 10px 0 0 0;
    line-height: 1em;
    font-family: "DidactGothicRegular", Arial, sans-serif;
    font-size: 38px;
    display: block;
    font-weight: normal;
    color: #1a1a1a;
}

.news-item h2 {
    text-transform: uppercase;
    font-family: "MelbourneRegular", Arial, sans-serif;
    font-size: 24px;
}

.newsletter_box h2 {
    float: left;
    margin: 0;
    padding: 0;
    font-family: "JournalRegular", "Times New Roman", Times, serif;
    font-size: 32px;
    line-height: 1.2em;
    color: #404040;
    text-align: left;
}

.newsletter_box h3 {
    float: left;
    font-family: "JournalRegular", "Times New Roman", Times, serif;
    font-size: 32px;
    line-height: 1.2em;
    color: #404040;
    width: 260px;
    padding-right: 30px;
    text-align: right;
}

/*----------------------------------------------*/
/* Boje linkova, naslova, teksta */
/*----------------------------------------------*/
a,
a:visited {
    color: #4993c2;
}

.footer .box_black a,
.footer .box_gray a {
    color: #4993c2 !important;
}

.text a {
    color: #4993c2;
}

.text h2 a:hover,
.text h1 a:hover {
    color: #4993c2;
}

.news-item h2 a:hover {
    color: #4993c2;
}

.icon-top span,
icon-top a {
    color: #4993c2;
}

.widget_recent_entries .date {
    color: #4993c2;
}

.table-price thead td {
    color: #4993c2;
}

.contact-form label {
    color: #4993c2;
}

.btn-submit,
.newsletter_box .btn-submit {
    color: black;
    text-indent: -5px;
    line-height: 26px;
}

.btn-submit,
.newsletter_box .btn-submit:hover {
    color: black;
}

.reservationForm .btn-send {
    color: black;
    text-indent: 0;
    line-height: 26px;
}

.reservationForm .btn-send:hover {
    color: black;
}

.contact-form .contact-submit,
.contact-submit {
    color: black;
    text-indent: -10px;
    line-height: 26px;
}

.selectApForm .btn-send {
    color: black;
    text-indent: -7px;
    line-height: 26px;
}

.selectApForm .btn-send:hover {
    color: black;
}

.social-box .row a {
    color: #4993c2;
}

/*----------------------------------------------*/
/* Navigacija */
/*----------------------------------------------*/
.topmenu {
    height: 35px;
    z-index: 1300;
    margin: 0;
    padding: 0;
    font-family: "DidactGothicRegular", Arial, sans-serif;
    font-size: 17px;
}

.topmenu li {
    display: block;
    float: left;
    height: 35px;
    position: relative;
    list-style: none;
    margin-left: 60px;
}

.topmenu li a {
    display: block;
    padding: 10px 2px 2px 2px;
    color: #747a80;
}

/*----------------------------------------------*/
/* Pozadinske slike elemenata*/
/*----------------------------------------------*/
.link-zoom {
    background: url(images/icons/icon_zoom.png) 0 0 no-repeat;
}

.news-item {
    padding-top: 12px;
}

.news-item h2 {
    background: url(images/arrow_1_blue.png) 0 3px no-repeat;
}

.text h1,
.text h2,
.text .title-arrow {
    background: url(images/arrow_1_blue.png) 0 3px no-repeat;
}

/* Header pozadina */
.header {
    background: url(images/header_image_bg.png);
}

/* Newsletter gumb */
.btn-submit,
.newsletter_box .btn-submit {
    background: url(images/btn_submit.gif) 0 0 no-repeat #4993c2;
}

/* Kontakt gumb */
.contact-form .contact-submit,
.contact-submit {
    background: url(images/btn_send.gif) 0 0 no-repeat #4993c2;
}

/* Rezervacije gumb */
.reservationForm .btn-send {
    background: url(images/btn_send.gif) 0 0 no-repeat;
}

/* IzborAP gumb */
.selectApForm .btn-send {
    background: url(images/btn_send.gif) 0 0 no-repeat;
    float: right;
    width: 149px;
    margin: 5px 0 5px 0;
}

/* Lista tocka */
.text .list_dots li,
.list_dots li {
    background: url(images/list_dot_blue.gif) 0 5px no-repeat;
}

/* Usluge ikone */
.service-conditioner span {
    background: url(images/icons/icon_conditioner.png) 0 0 no-repeat;
}

.service-kitchen span {
    background: url(images/icons/icon_kitchen.png) 0 0 no-repeat;
}

.service-safe span {
    background: url(images/icons/icon_safe.png) 0 0 no-repeat;
}

.service-wifi span {
    background: url(images/icons/icon_wifi.png) 0 0 no-repeat;
}

.service-bike span {
    background: url(images/icons/icon_bike.png) 0 0 no-repeat;
}

.service-tv span {
    background: url(images/icons/icon_tv.png) 0 0 no-repeat;
}

.service-bed span {
    background: url(images/icons/icon_bed.png) 0 0 no-repeat;
}

.service-dog span {
    background: url(images/icons/icon_dog.png) 0 0 no-repeat;
}

.service-kayak span {
    background: url(images/icons/icon_kayak.png) 0 0 no-repeat;
}

.service-parking span {
    background: url(images/icons/icon_parking.png) 0 0 no-repeat;
}

.service-table_tennis span {
    background: url(images/icons/icon_table_tennis.png) 0 0 no-repeat;
}

.service-wind_surf span {
    background: url(images/icons/icon_wind_surf.png) 0 0 no-repeat;
}

/* Link više */
.link-more {
    background: url(images/icon_plus.gif) 0 2px no-repeat;
}

/*----------------------------------------------*/
/* Prilagođene klase */
/*----------------------------------------------*/
.reservationForm .inputtext,
.reservationForm .inputtextSmall,
.reservationForm select,
.reservationForm text area {
    color: #333;
    font-weight: normal;
    background: #ececee;
    margin: 5px 0;
}

.reservationForm .inputtextSmall {
    width: 80px;
}

.justify {
    text-align: justify;
}

/*.imagedropshadow {
	padding: 5px;
	border: solid 1px #CCC;
	-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;}
*/
.imagedropshadow {
    padding: 5px;
    -moz-box-shadow: 0px 0px 1px #666;
    -webkit-box-shadow: 0px 0px 1px #666;
    box-shadow: 0px 0px 1px #666;
}

.imagedropshadow:hover {
    /*border: solid 1px #CCC;*/
    /*-moz-box-shadow: 1px 1px 5px #999;
	-webkit-box-shadow: 1px 1px 5px #999;
    box-shadow: 1px 1px 5px #999;*/
    -moz-box-shadow: 0px 0px 10px #555;
    -webkit-box-shadow: 0px 0px 10px #555;
    box-shadow: 0px 0px 10px #555;
}

.link-booking {
    font-family: "MelbourneRegular", Arial, sans-serif;
    font-size: 15px;
    background: url(images/icon_booking.png) 0 0 no-repeat;
    padding-left: 20px;
}

#lang_sel {
    background: url(images/icons/icon_language.png) right 5px no-repeat;
    padding-right: 20px;
}

#lang_sel li {
    float: left;
    width: 162px;
    position: relative;
}

.reservationForm .column_3 {
    width: 220px;
    margin-right: 4px;
    float: left;
}

.reservationForm .omega {
    margin-right: 0;
}

/*th fix*/
th {
    padding: 0;
    text-transform: none;
    letter-spacing: normal;
}

.ApSelectBox {
    width: 450px;
}

.ApSelect {
    float: left;
}

.reservationForm .field_submit,
.selectApForm .field_submit {
    border-top: 1px dotted #969696;
    border-bottom: 1px dotted #969696;
    padding: 10px 0;
    margin-bottom: 10px;
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu {
    display: block;
    position: relative;
    height: 32px;
    text-decoration: none;
    overflow: hidden;
    margin: 5px 0;
    font-family: Arial, Helvetica, sans-serif;
}

.ui-selectmenu-icon {
    position: absolute;
    right: 6px;
    margin-top: -8px;
    top: 50%;
}

.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    visibility: hidden;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif;
}

.ui-selectmenu-open {
    visibility: visible;
    background: #f8f8f9;
}

.ui-selectmenu-menu-popup {
    margin-top: -1px;
}

.ui-selectmenu-menu-dropdown {}

.ui-selectmenu-menu li {
    padding: 0;
    margin: 0;
    display: block;
    border-bottom: 1px solid #e0e0e0;
    border-top: 0px dotted transparent;
    border-right-width: 0 !important;
    border-left-width: 0 !important;
    font-weight: normal !important;
}

.ui-selectmenu-menu li a,
.ui-selectmenu-status {
    line-height: 1.7em;
    display: block;
    padding: 0.5em 10px;
    outline: none;
    text-decoration: none;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
    padding-left: 20px;
    position: relative;
    margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon,
.ui-selectmenu-status .ui-icon {
    position: absolute;
    top: 1em;
    margin-top: -8px;
    left: 0;
}

.ui-selectmenu-status {
    line-height: 1.4em;
}

.ui-selectmenu-menu-dropdown li a:hover,
.ui-selectmenu-menu-dropdown .ui-state-hover {
    border-top: none;
    color: #444444;
    text-decoration: none;
    background: #ececee;
}

.ui-selectmenu-open li.ui-selectmenu-item-focus a {}

.ui-selectmenu-open li.ui-selectmenu-item-selected a {
    color: #444;
    font-weight: normal;
}

.ui-selectmenu-menu li span,
.ui-selectmenu-status span {
    display: block;
    margin-bottom: 0.2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
    font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-content {}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
    opacity: 0.9;
}

/*for optgroups*/
.ui-selectmenu-menu .ui-selectmenu-group {
    font-size: 1em;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
    line-height: 1.4em;
    display: block;
    padding: 0.6em 0.5em 0;
    font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
    margin: 0;
    padding: 0;
}

/* Calendar
----------------------------------*/
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 1px solid #0080ff !important;
    background: #66ccff !important;
    font-weight: normal;
    color: #212121;
}

/*************/
/*************/
/*************/
/*************/
/* RWD */
/*************/
/*************/
/*************/
/*************/
img {
    max-width: 100%;
    height: auto;
}

body {
    min-width: auto;
}

.head {
    padding: 35px;
    text-align: center;
    background-position: center bottom;
    background-size: cover;
}

.head .container {
    height: auto;
}

.head .container::after {
    content: "";
    clear: both;
    display: table;
}

.logo {
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    width: auto;
    margin-bottom: 30px;
}

.head_right {
    margin: 0;
    float: none;
    max-width: 250px;
    display: inline-block;
}

@media screen and (min-width: 555px) {
    .logo {
        float: left;
        margin: 0;
    }

    .head_right {
        float: right;
    }
}

#lang_sel {
    text-align: left;
}

.container {
    max-width: 960px;
    width: 100%;
}

.topmenu,
.menu-header {
    height: auto;
}

.topmenu::after {
    content: "";
    clear: both;
    display: table;
}

.menu-header {
    background-image: none;
    background-color: #000;
    text-align: center;
}

.container_24 {
    width: 100%;
    max-width: 960px;
}

.topmenu li {
    margin-left: 0;
    margin-right: 10px;
    height: auto;
    display: inline-block;
    float: none;
}

@media screen and (min-width: 605px) {
    .topmenu li {
        margin-right: 60px;
    }

    .menu-header {
        padding: 0 35px;
    }

    .menu-header .menu-header {
        padding: 0;
        text-align: left;
    }
}

.topmenu li a {
    padding: 10px 0;
    line-height: 1;
}

.container_24 .col_1_2,
.container_24 .text .col_1_2,
.container_24 .grid_17 .col_1_2,
.container_24 .grid_17 .text .col_1_2 {
    width: calc(100% - 20px);
}

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

    .container_24 .col_1_2,
    .container_24 .text .col_1_2,
    .container_24 .grid_17 .col_1_2,
    .container_24 .grid_17 .text .col_1_2 {
        width: calc(50% - 20px);
    }
}

a.imagedropshadow {
    display: inline-block;
}

a.imagedropshadow img {
    float: none;
    margin: 0 !important;
}

.is-homepage .col {
    text-align: center;
}

.is-homepage .text>div:first-child {
    margin: 0 0 40px 0;
}

.is-homepage .text p {
    margin: 0;
}

.container_24 .grid_17 {
    width: calc(100% - 10px);
}

.container_24 .grid_6 {
    width: calc(100% - 10px);
}

.header-title-image {
    position: relative;
    max-width: 730px;
    width: 100%;
    left: 0;
    top: 0;
    margin: -180px auto 70px auto;
}

.header-title-image .image {
    width: 100%;
    height: auto;
    padding: 0;
}

@media screen and (min-width: 800px) {
    .container_24 .grid_17 {
        width: calc(70% - 10px);
        padding: 0;
    }

    .container_24 .grid_6 {
        width: calc(30% - 10px);
    }

    .header-title-image {
        margin: -200px auto 70px auto;
    }
}

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
    padding-top: 75%;
}

.room-item .description {
    float: none;
    width: 100%;
}

.text .services-included ul {
    display: flex;
    flex-wrap: wrap;
}

.services-included li,
.text .services-included li {
    float: none;
    padding: 5px 0 5px 30px;
    width: auto;
    width: 100%;
    padding: 5px 0;
}

.container_24 .suffix_1 {
    padding: 0;
}

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

    .services-included li,
    .text .services-included li {
        width: 33.3333%;
    }
}

.container_24 .col_2_5,
.container_24 .text .col_2_5 {
    max-width: 272px;
    width: 100%;
}

.reservationForm .column_3 {
    max-width: 218px;
    width: 100%;
}

.minigallery-list {
    padding: 10px 30px 10px 0;
}

.minigallery {
    width: 99% !important;
    height: auto;
}

.contact-form .field_text {
    width: 100%;
}

@media screen and (min-width: 1000px) {
    .contact-form .field_text {
        padding-right: 20px;
        width: calc(50% - 20px);
    }
}

.contact-form .field_text .inputtext,
.contact-form .field_textarea textarea {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}