/*
Theme Name: Noitami
Theme URI: 
Description: Noitami je child šablona pro Divi theme.
Author: <a href="http://www.marmal.cz">MarMal.cz - tvorba webových stránek</a>
Author URI: 
Template: Divi
Version: 3.0
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Wed, 07 Sep 2016 17:01:53 +0000 */ 

@import url('../Divi/style.css');
#main-content p a, #main-content li a {
	color: #7c6c57;
	border-bottom:1px dashed #7c6c57;
	transition: all 0.3s ease-in-out 0s;
}
#main-content p a:hover, #main-content li a:hover {
	border-bottom:none;
}
#et-main-area { overflow: hidden;} /* schová všechno co přečuhuje na pravou stranu */
 /*úprava hlavního menu */
#top-menu a::before {
    background-color: #7fbbd7;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 20px;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
}
#top-menu a:hover::before {
    transform: scaleX(1);
    visibility: visible;
}

#top-menu .sub-menu a::before {
    background-color: #7fbbd7;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 33px;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out 0s;
    visibility: hidden;
    width: 100%;
}
#top-menu .sub-menu a:hover::before {
    transform: scaleX(1);
    visibility: visible;
}
#top-menu-nav > ul > li > a:hover, #et-secondary-menu > ul > li > a:hover, #et-info-email:hover, .et-social-icons a:hover {
    color: #7fbbd7;
    opacity: 1;
    transition: all 0.4s ease-in-out 0s;
}
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .et_color_scheme_red #top-menu li.current-menu-ancestor > a, .et_color_scheme_red #top-menu li.current-menu-item > a, .et_color_scheme_pink #top-menu li.current-menu-ancestor > a, .et_color_scheme_pink #top-menu li.current-menu-item > a, .et_color_scheme_orange #top-menu li.current-menu-ancestor > a, .et_color_scheme_orange #top-menu li.current-menu-item > a, .et_color_scheme_green #top-menu li.current-menu-ancestor > a, .et_color_scheme_green #top-menu li.current-menu-item > a {
    color: #7fbbd7;
    font-weight: 700;
}
#top-menu > li > ul.sub-menu > li {
    padding: 0 20px;
    width: 100%;
}
#top-menu a, #top-menu .sub-menu a  {
    display: block;
    position: relative;
    text-decoration: none;
    transition: all 0.4s ease-in-out 0s;
    opacity: 1;
    
}
#top-menu li a {
    font-weight:600 !important;
	opacity: 1;
}
#top-menu .sub-menu li a:hover {
color: #7fbbd7;
}

.nav ul li a:hover, .et_mobile_menu li a:hover {
    background-color: transparent;
}
#top-menu > li > ul.sub-menu > li > a {
    display: inline-block;
    padding: 6px 0;
    width: auto;
}
/* konec úprav hlavního menu */
/* dvasvislé pruhy u nadpisu 

.nadpis::before {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #7fbbd7;
    border-right: 1px solid #7fbbd7;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 2px;
}*/
.et_pb_column_1_3 h2, .et_pb_column_1_4 h2 {
    font-size: 33px;
}

/* butonek */ 
.et_pb_button:hover::before {
    border-radius: 3;
    bottom: -5px;
    left: -5px;
    opacity: 1;
    right: -5px;
    top: -5px;
}
.et_pb_button::before {
    border: 1px solid #7fbbd7;
    border-radius: 3px;
    bottom: -10px;
    content: "";
    display: block;
    left: -10px;
    opacity: 0;
    position: absolute;
    right: -10px;
    top: -10px;
    transition: all 0.3s ease-in-out 0s;
}
.et_pb_button::before, .et_pb_button::after {
    margin-left: 0;
}
/* blog - datum */ 
    #blog-featured .et_pb_post {
    position: relative;
}
    #blog-featured .post-meta {
    background: #7fbbd7 none repeat scroll 0 0;
    border-radius: 0px;
    color: #ffffff;
    display: block;
    font-weight: 600;
    height: 80px;
    line-height: 17px;
    padding-top: 20px;
    position: absolute;
    right: -1px;
    text-align: center;
    text-transform: none;
    top: -1px;
    width: 80px;
}
p.post-meta span {
color: #ffffff;
}
.et_pb_blog_grid .et_pb_post {
    border: 1px solid #cccccc;
}
a.more-link {
    background: #7fbbd7 none repeat scroll 0 0;
    border-radius: 3px;
    border:solid 2px #7fbbd7;
    color: #ffffff;
    display: block;
    margin: 13px 10px;
    padding: 10px 15px;
    text-align: center;
    font-weight:500;
    transition: all 0.3s ease-in-out 0s;
}
a.more-link:hover {
    color: #7fbbd7;
    background: #ffffff;
    border-radius:3px;
    border:solid 2px #7fbbd7;
}
/* .more-link::after{
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    bottom: -10px;
    content: "";
    display: block;
    left: -10px;
    opacity: 0;
    position: absolute;
    right: -10px;
    top: -10px;
    transition: all 0.3s ease-in-out 0s;
} 

.more-link:hover::after{
    border-radius: 3;
    bottom: -5px;
    left: -5px;
    opacity: 1;
    right: -5px;
    top: -5px;
}
*/

#main-header {
    border-bottom: 1px dotted #7fbbd7;
}
#footer-info {
    color: #757575;
    float: right;
    text-align: right;
}
/* obrázky na pozadí */
.et_pb_section {
    background-repeat: repeat;
    background-size: auto auto;
}
/* patička */
p.text-paticka, p.text-paticka a {
    color: #626262;
font-size: 15px;
}
#main-content p.text-paticka a {
    font-weight: 500;
color: #626262;
border-bottom:none;
}
p.text-paticka a:hover {
    text-decoration: underline;
}

/* titulek */


.titulek::before {
    border-bottom: 150px solid #fff;
    border-left: 2000px solid;
    border-right: 2000px solid transparent;
    bottom: 0;
    content: "";
    position: absolute;
    right: 85%;
    transform: rotate(0.000001deg);
    width: 50%;
    z-index: 100;
}
.titulek::after {
    border-bottom: 40px solid #fff;
    border-left: 3000px solid transparent;
    border-right: 3000px solid;
    bottom: 0;
    content: "";
    left: 15%;
    position: absolute;
    transform: rotate(0.000001deg);
    width: 50%;
    z-index: 100;
}

/* paticka */

.spodek::before {
    border-left: 3000px solid;
    border-right: 3000px solid transparent;
    border-top: 150px solid #fff;
    content: "";
    position: absolute;
    right: 85%;
    top: 0;
    transform: rotate(0.000001deg);
    width: 50%;
    z-index: 100;
}
.spodek::after {
    border-left: 3000px solid transparent;
    border-right: 3000px solid;
    border-top: 45px solid #fff;
    content: "";
    left: 15%;
    position: absolute;
    top: 0;
    transform: rotate(0.000001deg);
    width: 50%;
    z-index: 100;
}


/* tabulky */

.entry-content table, body.et-pb-preview #main-content .container table {
    border: none;
}

.entry-content tr td, body.et-pb-preview #main-content .container tr td {
    border-bottom: 1px dashed #e1e1e1;
    padding: 8px 24px;
    border-top: medium none;
}
.ztmaveni {
background: #c1c1c1;
}
 /* úprava příspěvku */
#left-area {
    padding-bottom: 0px;
}
.single .et_pb_post {
    margin-bottom: 0px;
}
.single .post {
    padding-bottom: 0px;
}
.nav li.textik ul.sub-menu {
    width: 400px;
}


    /***4 Column Styles***/
    /*This section changes the layout to 4 columns*/
    @media only screen and ( min-width: 981px) {
        .et_pb_column_4_4 .ds-blog-four-column .et_pb_blog_grid[data-columns]::before {
            content: '4 .column.size-1of4' !important;
        }
        /*This section divides the width of the posts equally in the available space*/
        .ds-blog-four-column.et_pb_column_4_4 .column.size-1of4 {
            width: 23.4% !important;
            margin-right: 2%;
        }
        /*This removes the right margin from the last post on each row*/
        .ds-blog-four-column.et_pb_column_4_4 .column.size-1of4:nth-child(4n) {
            margin-right: 0;
        }
    }
    /*This sets the spacing between post rows*/
    .ds-blog-four-column .et_pb_post {
        margin-bottom: 25%;
    }
    /*This section sets the height of the images on different screen sizes to keep it relatively square. If you are not using object-fit because it isn't supported in IE and Edge then you should remove this entire section or the images will be distorted*/
    .ds-blog-four-column .ds-blog-square a img {
        height: 33vh !important; /*Adjust this value if you want the images taller or shorter*/
    }
    @media only screen and (max-width: 1440px) {
        .ds-blog-four-column .ds-blog-square a img {
            height: 28vh !important; /*Adjust this value if you want the images taller or shorter*/
        }
    }
    @media only screen and (max-width: 1280px) {
        .ds-blog-four-column .ds-blog-square a img {
            height: 25vh !important; /*Adjust this value if you want the images taller or shorter*/
        }
    }
    @media only screen and (max-width: 768px) {
        .ds-blog-four-column .ds-blog-square a img {
            height: 28vh !important; /*Adjust this value if you want the images taller or shorter*/
        }
    }
    @media only screen and (max-width: 480px) {
        .ds-blog-four-column .ds-blog-square a img {
            height: 40vh !important; /*Adjust this value if you want the images taller or shorter*/
        }
    }
    
ul.vyhody, ul.nevyhody {
    padding: 10px 0;
}
.vyhody li {
background-image: url("http://www.noitami.cz/wp-content/uploads/2016/12/vyhody.png");
}
.nevyhody li {
background-image: url("http://www.noitami.cz/wp-content/uploads/2016/12/nevyhody.png");
}
.vyhody li, .nevyhody li {
    background-position: left center;
    background-repeat: no-repeat;
    background-size: auto auto;
    border-bottom: 1px dashed rgba(155, 156, 158, 0.3);
    list-style: outside none none;
    padding: 15px 0 15px 40px;
}
.et_pb_gallery_title {
text-align: center;
}
.et_pb_portfolio .et_pb_portfolio_item h2, .et_pb_fullwidth_portfolio .et_pb_portfolio_item h3, .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
text-align: center;
}
.srafa {
background-repeat: repeat;
    background-size: auto auto;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a {
    background-color: #e1e1e1;
    border: 1px solid #c2c2c2 !important;
    border-radius: 3px;
    color: #444444 !important;
    display: block;
    height: auto;
    margin: 2px;
    overflow: hidden;
    padding: 10px 20px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li:first-child a {
    border-radius: 3px;
}
.et_pb_filterable_portfolio .et_pb_portfolio_filters li a.active {
    background-color: #7fbbd7!important;
border-color: #7fbbd7 !important;
    color: #ffffff !important;
font-weight: 500;
}
.et_pb_portofolio_pagination ul li a {
    border: none !important;
}

.et-pb-contact-message > p {
    background: #efefef none repeat scroll 0 0;
    color: #cf1cf1;
    padding: 20px;
    text-align: center;
}