/*
theme name: Tabletkapo
author: Davor Dragic
author uri: https://200.si
description: Tabletkapo child theme
template: cenote
text domain: cenote-child
*/

body {
    font-size: 14px;
}

@media (min-width: 992px) {
    .tg-container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .tg-container {
        max-width: 960px;
    }
}

a:hover {
    text-decoration: none;
    color: #333;
}

.site-content {
    margin: 30px 0;
}

.hentry {
    margin-bottom: 0;
}

.wp-block-image > img,
.wp-block-image > figure > img {
    padding: 8px;
    border: 1px solid #EAEAEA;
    background-color: #F6F6F6;
    background: #F6F6F6;
}

/**
 * Header
 */
header.site-header,
footer.site-footer,
.tg-site-footer.tg-site-footer--default {
    background-color: #F5F5F5;
}

header.site-header {
    border-bottom: 1px solid #DEDEDE;
}

.header-bottom-bottom .tg-header-action-navigation,
.tg-social-menu-navigation {
    display: none;
}

.tg-site-header .tg-header-bottom .header-bottom-top {
    padding-top: 20px;
}

.header-bottom-top>div {}

.site-branding .custom-logo-link {
    margin-bottom: 0;
}

.site-branding {
    margin: 0;
    text-align: inherit;
}

.main-navigation ul {
    justify-content: space-between;
}

.main-navigation li {
    text-align: center;
    width: 20%;
}

.main-navigation li a {
    font-size: 16px;
    text-decoration: none;
    display: block;
    color: white;
    margin-right: 20px;
    margin-left: 0;
    padding: 10px 15px;
    line-height: 22px;
    height: 100%;
}

.main-navigation li a:hover {
    /* These three lines are for transparency in all browsers. */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8;
}

.main-navigation li:nth-child(1) a {
    background-color: #00b4ff;
}

.main-navigation li:nth-child(2) a {
    background-color: #8f1acb;
}

.main-navigation li:nth-child(3) a {
    background-color: #ea0001;
}

.main-navigation li:nth-child(4) a {
    background-color: orange;
}

.main-navigation li:nth-child(5) a {
    background-color: #00a201;
    margin-right: 0;
}

.tg-site-menu--default .current_page_item>a,
.tg-site-menu--default .current-menu-item>a,
.tg-site-menu--default .current_page_ancestor>a,
.tg-site-menu--default .current-menu-ancestor>a {
    border: none;
    font-weight: 400;
}

/**
 * Footer
 */
.tg-footer-bottom {
    background-color: #EAEAEA;
    border-top: 1px solid #DEDEDE;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area,
.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget .widget-title,
.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget ul li a,
.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget p,
.tg-site-footer.tg-site-footer--default .tg-footer-bottom .site-info a {
    color: #16181a
}

/*
 * Widget
 */
.widget ul li a:hover {
    -webkit-transform: none;
    transform: none;
}

/*
  * Home page 
  */
div.home-page-block-3 {
	h2 {
		font-size: 20px;
		margin: 0;
	}	
}

div.home-page-block-4 {
    gap: 0;
    justify-content: space-between;
}

.home-page-block-4 p {
    font-size: 90%;
    min-height: 120px;
}

.home-page-block-4>div {
    max-width: 225px;
}

.wp-block-button.is-style-tabletkapo .wp-block-button__link {
    border: none;
    color: #FE5E08;
    font-size: 90%;
}

.wp-block-button.is-style-tabletkapo .wp-block-button__link::after {
    content: '\25ba';
    padding-left: 0.5em;
}

/**
 * Tabletkapo App
 */
.app_tabletkapo {
    order: 2;
}

.app_tabletkapo input {
    padding: 5px;
    margin-top: 5px;
}

.app_tabletkapo input[type=number] {
    width: 80px;
}

#time_071,
#time_72 {
    display: none;
}

.success {
    color: #4F8A10;
    border: 1px solid #A0CF4C;
    background-color: #DFF2BF;
    background: -moz-linear-gradient(center top, #FFFFFF, #DFF2BF);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#DFF2BF));
    background: -o-linear-gradient(top, #FFFFFF 0%, #DFF2BF 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%, #DFF2BF 99%);
    /* IE10+ */
}

.success .msg-box-icon {
    background: transparent url('../../uploads/common-images/success.png') no-repeat scroll 4px 50%;
    display: block;
    margin-left: 15px;
    padding: 18px 10px 18px 50px;
}

.warning {
    color: #9F6000;
    border: 1px solid #E5BC3B;
    background-color: #FEEFB3;
    background: -moz-linear-gradient(center top, #FFFFFF, #FEEFB3);
    background: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF), to(#FEEFB3));
    background: -o-linear-gradient(top, #FFFFFF 0%, #FEEFB3 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #FFFFFF 0%, #FEEFB3 99%);
    /* IE10+ */
}

.warning .msg-box-icon {
    background: transparent url('../../uploads/common-images/warning.png') no-repeat scroll 4px 50%;
    display: block;
    margin-left: 15px;
    padding: 18px 10px 18px 50px;
}

.app_search {
    order: 3;
}

.app_search>div {
    display: flex;
    align-items: start;
    justify-content: center;
}

@media (max-width: 480px) {
    .header-bottom-top>div>div {
        width: auto;
    }

    .app_tabletkapo {
        padding-left: 2px;
    }

    .app_search>div {
        display: block;
        align-items: left;
        justify-content: left;
    }
}


@media (max-width: 768px) {
    .app_search {
        margin-left: auto;
    }

    .app_tabletkapo {
        padding-left: 20px;
        max-width: 75%;
    }

    header .header-bottom-bottom {
        display: none;
    }

    .tg-site-header .tg-header-bottom .header-bottom-top {
        padding-bottom: 20px;
    }
}