/*
	Theme Name: split.com.hr
	Theme URI: http: //split.com.hr
	Theme Author: Luka Vidos
	Version: 1.0
*/


@media screen and (max-width: 760px) {

	body {
		padding-top: 0;
                font-size: 15px;
                line-height: 20px;
	}

	#header,
	#banner-top,
	#container,
	#footer,
	.content,
	.sidebar,
	img,div {
		margin: 0;
		padding: 0;
		max-width: 100%;
		position: relative;
		float: none;
	}

        #header .wrapper,
        #banner-top .wrapper,
	#container .wrapper,
	#footer .wrapper {
		margin: 0 2%;
		padding: 0;
		width: 96%;
		position: relative;
		float: none;
	}

        #header .wrapper {
            width: 100%;
            margin: 0;
        }


	.desktop-hide {
		display: block;
	}

	.desktop-hide .widget-title {
		display: none;
	}

	.widget.desktop-hide {
		border-bottom: 1px solid #d4d4d4;
	}




	#logo {
		left: 12px;
		width: 42px;
	}

	#logo a,
	#logo a:link,
	#logo a:visited,
	#logo a:hover {
		width: 42px;
		background-position: -134px -16px;
	}



	#search-form {
            display: none;
            position: absolute;
            background-color: #fff;
            top: 62px;
            left: 0;
            width: 90%;
            padding: 20px 5%;
            height: auto;
            border-bottom: 1px solid #ddd;
	}

        #search-form.show {
            display: block;
        }

        #search-form form {
            width: 100%;
        }

        #search-form label {
            font-size: 18px;
            font-weight: 500;
            top: auto;
            line-height: 18px;
            padding: 10px 0;
            height: auto;
        }

        #search-form input[type="text"] {
            width: 100%;
            font-size: 18px;
            background-color: #fff;
            padding: 10px 0;
            border: none !important;
            border-left: 1px solid #ccc;
            height: auto;
        }

        #search-form:hover input[type="submit"],
        #search-form input[type="submit"]
        {
            display: block;
            position: absolute;
            top: -5px;
            right: 0px;
            padding: 16px;
            background-image: none;
            text-indent: 0;
            text-align: right;
            z-index: 70;
            width: auto;
            height: auto;
            background-color: #ccc;
        }

        #header .shadow {
            display: block;
            background-position: center -2px;
            width: 100%;
	}

        #search-form .erase-button,
        #search-form .erase-button:hover {
            display: none;
        }



	/**
	 * Main Menu
	 */

	#main-menu ul {
		width: auto;
		top: 0px;
		right: 0px;
		left: auto;
	}

	#main-menu li .menu-title {
		display: none;
	}

	#main-menu li li .menu-title {
		display: block;
	}

	#main-menu li.submenu:hover .sub {
		display: none;
	}

	#main-menu li a, #main-menu li a:link, #main-menu li a:visited {
		padding-bottom: 26px;
	}

	#banner-top {
		margin-top: 15px;
	}

        #banner-top img {
            width: 100%;
            height: auto;
        }

	.post.standard {
                width: 96%;
                padding-left: 2%;
                padding-right: 2%;
		padding-bottom: 0;
		margin-bottom: 15px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}

        .post-meta {
            margin-top: 3px;
            line-height: 16px;
        }

        .post.gallery p,
        .post.gallery .post-meta,
        .post.gallery h1 {
            width: 94%;
            padding: 0 3%;

        }

        .post.gallery {
                padding-bottom: 10px;
                border-bottom: 1px solid #ddd;
                margin-bottom: 10px;
        }

	.post-header .post-title  {
		position: relative;
		float: none;
		width: auto;
		padding: 12px 3%;
                width: 94%;
		background-color: transparent;
	}


	.post.slider {
		border-bottom: none;
		width: 100%;
	}

	.post .caption {
		position: relative;
		padding: 12px 0 10px 0;
		margin-top: -10px;
		font-size: 12px;
		width: 100%;
	}

	.slider .post-meta {
		font-size: 12px;
		padding-left: 3%;
		padding-right: 3%;
                margin-top: 3px;
		width: 94%;
                line-height: 16px;
	}

	.slider-title {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
		display: none;
	}

	.slider-items .caption h1 {
		width: 97%;
		padding-left: 3%;
		float: none;
	}

	.slider-items p {
		width: 94%;
		padding-left: 3%;
		padding-right: 3%;
		float: none;
                font-size: 15px;
                line-height: 20px;
	}

	.slider-large {
		position: static;
		width: 100%;
		height: auto;
	}

	.slider-items {
		width: 100%;
		height: auto;
	}

	.slider-items li {
		width: 100%;
		height: auto;
		margin-bottom: 0px;
		border-bottom: 1px solid #ddd;
		padding-top: 10px;
	}

	.no-image.with-icons h1,
	.post h1 {
		width: 100%;
		float: none;
		clear: both;
		padding-bottom: 4px;
                font-size: 26px;
                line-height: 30px;
                font-weight: 300;
	}

	.post:hover .post-thumbnail {
		border: none;
		max-width: 23%;
		height: auto !important;
		min-width: 100px;
	}

	.with-icons.post:hover .post-thumbnail {
		border: none;
		width: 28px;
	}

	.post-thumbnail {
		float: left;
		max-width: 23%;
		height: auto !important;
		min-width: 100px;
		margin: 3px 10px -3px 0;
	}

	.post-excerpt {
		width: auto;
		float: none;
	}

	.gallery .post-excerpt,
	.no-image .post-excerpt {
		width: 100%;
		float: none;
	}

	.no-image.with-icons .post-excerpt {
		width: auto;
		float: none;
	}

	.gallery-teaser,
	.image-large {
		height: auto;
	}

	.image-large {
		width: 100% !important;
		height: auto;
		margin-bottom: 0.5%;
	}

	.image-large a,
	.image-large img{
		float:left;
		width: 100%;
	}

	.image-thumb,
	.image-thumb.total {
		margin: 0;
		padding: 0;
		float: left;
		width: 16%;
		height: auto;
		margin-right: 0.5%;
	}

	.category-menu li.active a .arrow {
		background-position: -55px -448px;
	}

	.post.gallery .post-meta {
		margin-top: -4px;
                line-height: 16px;
	}

        .photogallery.table .post.gallery {
            padding-bottom: 10px;
        }

        .photogallery.table .post.gallery .image-large,
        .photogallery.table .gallery-teaser {
            height: auto;
        }

        .photogallery.table .post.gallery img {
            width: 100%;
        }
	.photogallery.table .post.gallery .post-meta {
		margin-top: 0px;
	}

	.image-thumb.total .large-font {
		margin-top: 32%;
		font-size: 20px
	}

	.total .small-font {
		display: none;
	}

	.post-icons {
		display: none;
	}

	.photogallery.table {
		width: 100%;
		margin-left: 0;
	}

	.photogallery.table .post {
		width: 48%;
		padding: 0 0 0 0;
		margin: 10px 1% 5px 1%;
		float: left;
	}

	.clear {
		display: none;
	}

	.fullwidth-title  {
		position: static;
                width: 100%;
                padding: 0;
                padding-top: 10px;

	}

	.fullwidth-title h1 {
		position: static;
		float: none;
	}

        .fullwidth-title .mobile-hide {
           display: none;
        }

        .filter {
            margin: 0;
            padding: 0;
        }

	.filter ul {
		display: none;
	}

	.filter select {
		display: block;
		float: none;
		font-size: 14px;
		padding: 2%;
                margin-right: 0;
		width: 100%;
	}

	.calendar .date {
		padding: 0;
		width: 96%;
		padding: 5px 2%;
	}

	.calendar .event {
		width: 96%;
		padding: 10px 2%;
	}

	.calendar .event .post-thumbnail {
		float: right;
		margin-top: 5px;
		margin-left: 10px;
		margin-right: 0;
	}

	.calendar .event .hour,
	.calendar .event h1 {
		float: none;
		width: auto;
	}

        .calendar .event h1 {
            background-color: #000;
            width: 100px !important;
        }

        .calendar .event .post-excerpt {
            width: 40%;
        }

        .calendar .post-meta {
            padding-top: 3px;
            margin-top: 0;
        }
        .calendar .post-image {
            margin-top: 0;
            padding-top: 0;
            float: left;
        }

        .details, .details p {
            font-size: 15px;
            line-height: 20px;
        }

	.details .gallery .gallery-thumbs {
		width: auto;
	}

	.details .gallery .gallery-thumbs a {
		float: left;
		width: 31.5%;
		height: auto;
		margin-left: 1%;
		margin-bottom: 1%;
	}

	.details .gallery .gallery-thumbs a img {
		height: auto;
		display: block;
	}

	.details .gallery {
		width: 96%;
		padding: 10px 2%;
	}

	.post-tags,
	.post-author,
	.profile-info {
		width: 96%;
		padding: 10px 2%;
		margin: 0 0 2px;
	}

	#footer .wrapper {
		border-top: 1px solid #d4d4d4;
		padding: 10px 0;
	}

	#footer .wrapper {
		text-align: center;
	}

        #footer .design-by {
            text-align: center;
            float: none;
        }

	.fotorama__thumbs {
		display: none;
	}

	.gallery-details .post {
		width: 96%;
	}

	.fotorama__frame ,
	.gallery-details .image-large {
		width: 96%;
		height: auto;
	}

	.fotorama__frame img {
		width: 100% !important;
		height: auto;
	}

	.elipsis span {
		display: none;
	}

	.mobile-hide {
		display: none;
	}

	strong{
		font-size: 85%;
	}

        .details strong {
            font-size: 100%;
        }

	.details blockquote {
		font-size: 15px;
                line-height: 20px;
	}

        .post-author,.post-author p {
            font-size: 11px;
            line-height: 16px;
        }
	.post-author .profile-image {
		display: block;
	}

	.category-menu li.back-buttonz a  .arrow,
	.category-menu li.back-buttonz a:link  .arrow,
	.category-menu li.back-buttonz a:visited  .arrow {
		display: inline-block;
		width: 9px;
		height: 16px;
		margin-right: 10px;
		background: transparent url(i/sprite-icons.png) no-repeat -80px -448px;
		text-indent: -9999px;
		float: left;
		margin-right: 5px;
	}

	.category-menu li.back-buttonz a:hover  .arrow,
	.category-menu li.back-buttonz a:active  .arrow,
	.category-menu li.back-buttonz a.active .arrow {
		background: transparent url(i/sprite-icons.png) no-repeat -16px -448px;
	}

        .category-menu.desktop-hide ul {
            border-top: none;
        }



        .sidebar .single-item {
            width: 96%;
            float: none;
            padding: 2%;
        }

        .sidebar .single-item .text {
            float: left;
            width: auto;
            width: 88%;
        }

        .single-item .title {
            line-height: 19px;
        }

        .sidebar .single-item .image {
            float: left;
            margin-right: 2%;
            width: 10%;
            max-width: 60px;
        }

        .sidebar .single-item .image img {
            max-width: 100%;
        }

        .sidebar .button-holder {
            padding: 0;
            margin: 0 auto;
            width: 90%;
        }

        .sidebar .button-holder a.button-fullwidth,
        .sidebar .button-holder a.button-fullwidth:link,
        .sidebar .button-holder a.button-fullwidth:visited
        {
            padding: 0;
            margin: 0;
            width: 90%;
        }

        .banner {
            padding: 0;
        }

        .gallery-playlist {
            float: none;
            display: none;
        }

        .gallery-details.with-playlist .image-large {
            float: none;
            width: 100%;
        }

        .gallery-details.with-playlist {
            width: 100%;
            float: none;
        }

        .gallery-details.with-playlist .post {
            width: 96% !important;
            float: none;
            padding: 2%;
            min-height: auto;
        }

        .post-entry {
            padding: 2% 3%;
            width: 94%;
        }


.desktop-clear { display: none; }
.mobile-clear { clear: both; }

.sidebar { width: 100%; }
.widget.banner { width: 100% !important; background-color: transparent; }
.sidebar .banner {
    text-align: center;
}
.widget.banner a,
.widget.banner img { display: block; width: 300px; margin-left: auto; margin-right: auto; }


}

.shorttxt-article-homepage {
    color: #5b5b5b;
    text-decoration: none;
    cursor: hand;
}