/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* -------------------------------------------------------
TYPOGRAPHY
------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0 !important;
}

h1 {
	font-size: 48px;
	line-height: 64px;
	letter-spacing: -0.01em;
}

h2 {
	font-size: 36px;
	line-height: 48px;
}

h3 {
	font-size: 24px !important;
	line-height: 32px;
}

h4, h5, h6 {
	font-size: 22px !important;
	line-height: 37px;
}

p {
	font-size: 18px !important;
	line-height: 30px;
}

@media (max-width: 980px) {
	.et_pb_text_inner h2 {
        font-size: 30px;
	}
}
	
@media (max-width: 500px) {
	h1 {
		font-size: 30px !important;
		line-height: 32px;
	}
	h2 {
		font-size: 24px !important;
		line-height: 32px;
	}
	h3 {
		font-size: 20px !important;
		line-height: 32px;
	}
	h4, h5, h6 {
		font-size: 18px !important;
		line-height: 32px;
	}
}

/* -------------------------------------------------------
LAYOUTS
------------------------------------------------------- */
.flex-row {
    display: flex;
    flex-direction: row;
	justify-content: space-evenly;
    flex-wrap: wrap;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.benefits-section .et_pb_row {
	display: flex;
	align-items: center;
}

/* -------------------------------------------------------
HEADER SECTION
------------------------------------------------------- */
@media (min-width: 981px) {
	#main-header.et-fixed-header {
		box-shadow: 0 0 7px #0072BC !important;
	}
}

@media (max-width: 630px) {
	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content {
		max-width: 100% !important;
	}
}


/* -------------------------------------------------------
HEADER IMAGE SECTION
------------------------------------------------------- */
#custom-websites-page-header .et_pb_module_header,
#custom-websites-page-header .et_pb_fullwidth_header_subhead,
#custom-websites-page-header .et_pb_header_content_wrapper {
	background-color: #0072BCdb;
    padding: 30px;
	border-radius: 20px 20px 0 20px;
}

#apps-and-sw-page-header .et_pb_column {
	width: 100%;
}

#apps-and-sw-page-header .et_pb_row {
	width: 100%;
}

#apps-and-sw-page-header .et_pb_section {
	padding: 0;
}

#apps-and-sw-page-header .et_pb_module_header,
#apps-and-sw-page-header .et_pb_fullwidth_header_subhead,
#apps-and-sw-page-header .et_pb_header_content_wrapper:last-child {
background-color: #0072bca6;
    border-radius: 20px 20px 0 20px;
	padding: 30px;
}

/* -------------------------------------------------------
SERVICES SECTION
------------------------------------------------------- */
div.et_pb_section.et_pb_section_2 {
	background-size: contain;
	background-position: bottom;
}

.section-services {
	background-color: #fff;
}

.service-details-contact-form, .service-details-contact-form-no-form {
	display: flex;
}

.subsection-services {
	padding: 20px;
	margin: 25px 0;
	max-width: 300px;
	min-width: 250px;
    background: #fff;
	border: 2px solid #0072BC;
	box-shadow: 4px 4px 4px #3c4850b8;
	-ms-box-shadow: 4px 4px 4px #3c4850b8;
    border-radius: 2px;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

.subsection-services:hover {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transform: scale(1.1);
	cursor: pointer;
}

.service-icon-wrapper {
	height: 100px;
    width: 100px;
    margin: 10px 0 20px 0;
    align-self: center;
}

.service-heading {
	align-self: center;
	color: #0072bc;
	margin-bottom: 10px;
}

.service-description {
	color: #000;
    font-size: 18px;
    line-height: 24px;
}

.it-outsourcing {
	background: url(../../uploads/2018/07/013-maintenance-1.png) no-repeat center;
	background-size: cover;
}

.subsection-services:hover .it-outsourcing {
	background: url(../../uploads/2018/07/013-maintenance-hover.png);
	background-size: cover;
	transition: background 1s ease;
}

.aplikace-software {
	background: url(../../uploads/2018/07/033-startup.png) no-repeat center;
	background-size: cover;
}

.subsection-services:hover .aplikace-software {
	background: url(../../uploads/2018/07/033-startup-hover.png);
	background-size: cover;
	transition: background 1s ease;
}

.gdpr-sluzby {
	background: url(../../uploads/2018/07/026-vision.png) no-repeat center;
	background-size: cover;
}

.subsection-services:hover .gdpr-sluzby {
	background: url(../../uploads/2018/07/026-vision-hover.png);
	background-size: cover;
	transition: background 1s ease;
}

.ucebna-k-pronajmu {
	background: url(../../uploads/2018/07/002-homepage.png) no-repeat center;
	background-size: cover;	
}

.subsection-services:hover .ucebna-k-pronajmu {
	background: url(../../uploads/2018/07/002-homepage-hover.png);
	background-size: cover;
	transition: background 1s ease;
}

.weby-na-klic {
	background: url(../../uploads/2018/07/001-vector.png) no-repeat center;
	background-size: cover;
}

.subsection-services:hover .weby-na-klic {
	background: url(../../uploads/2018/07/001-vector-hover.png);
	background-size: cover;
	transition: background 1s ease;
}

.it-bezpecnost {
	background: url(../../uploads/2018/07/018-database.png) no-repeat center;
	background-size: cover;
}

.subsection-services:hover .it-bezpecnost {
	background: url(../../uploads/2018/07/018-database-hover.png);
	background-size: cover;
	transition: background 1s ease;
}

/* -------------------------------------------------------
TESTIMONIALS SECTION
------------------------------------------------------- */
.et_pb_testimonial_meta a {
	color: #0072BC;
	text-decoration: underline;
}

/* -------------------------------------------------------
BLOG
------------------------------------------------------- */
.more-link {
	color: #0072BC;
	text-decoration: underline;
}

.et_pb_bg_layout_light .et_pb_widget li a {
	color: #000;
}

/* -------------------------------------------------------
FOOTER
------------------------------------------------------- */
.footer-widget h4 {
	color: #0072BC;
}

#footer-widgets .footer-widget li:before {
	display: none;
}

#footer-widgets .footer-widget li {
	padding-left: 0;
}

/* -------------------------------------------------------
ABOUT US
------------------------------------------------------- */
.about-us-heading,
.about-us-subheading {
	text-align: center;
}

.about-us-heading span {
	display: inline-block;
	position: relative;  
}

/* -------------------------------------------------------
CONTACT FORMS
------------------------------------------------------- */


/* -------------------------------------------------------
CONTACT SECTION
------------------------------------------------------- */
.contact-box {
    padding: 40px;
    box-shadow: 0px 20px 150px rgba(51, 73, 90, 0.20);
}

.phone-contact-icon:before {
   display: inline-block;
	vertical-align: middle;
   padding-right: 10px;
	width: 35px;
    height: 35px;
	content: "";
	background: url(../../uploads/2018/11/call-us-anytime.png) no-repeat;
}

/* -------------------------------------------------------
CONTACT US PAGE
------------------------------------------------------- */


/* -------------------------------------------------------
DIVI THEME OVERRIDES
------------------------------------------------------- */
.et-pb-arrow-next, .et-pb-arrow-prev {
	top: 60%;
}

/* -------------------------------------------------------
CUSTOM WIDGETS
------------------------------------------------------- */
#sidebar-calendar-price {
    position: fixed;
	width: 10%;
	height: auto;
	top: 15%;
	right: 0;
	z-index: 1;
	background-color: #FF8E00;
	border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

@media (max-width: 1366px) {
#sidebar-calendar-price {
	width: 18%;
}
}

@media (max-width: 920px) {
#sidebar-calendar-price {
	width: 25%;
}
}

@media (max-width: 660px) {
#sidebar-calendar-price {
	width: 36%;
}
}

@media (max-width: 460px) {
#sidebar-calendar-price {
	width: 100%;
	height: 10vh;
	top: 0;
	text-align: center;
	border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
}

.sidebar-calendar-price-link {
	padding: 20px;
    display: block;
	color: #fff;
}

#sidebar-calendar-price:hover {
	background-color: #f69215;
	transform: scale(1.1);
	height: auto;
    padding-bottom: 20px;
}

.sidebar-calendar-price-cta-button {
	display: none;
	-moz-transition: all 0.3s;
 	-webkit-transition: all 0.3s;
  	transition: all 0.3s;
}

#sidebar-calendar-price:hover .sidebar-calendar-price-cta-button {
	margin: 0 0 0 20px;
    padding: 0 10px;
    border: 1px solid black;
    display: inline-block;
    background-color: #000;
    color: #fff;
    text-transform: uppercase;
	animation: fadeIn 1.5s ease-in both;
}

@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translate3d(0, -20%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.sgpb-content-747 {
	color: #fff;
	background-color: rgba(0, 0, 0, 0.91) !important;
	padding: 40px !important;
	width: 75% !important;
	margin: 0 auto;
}

#sgpb-popup-dialog-main-div div {
	overflow: visible !important;
}

.sgpb-popup-close-button-6 {
	right: 9% !important;
}

@media (max-width: 800px) {
	.sgpb-popup-close-button-6 {
		top: 5% !important;
		width: 60px !important;
    height: 60px !important;
	}
}

@media (max-width: 1200px) {
	.sgpb-popup-close-button-6 {
		right: 6% !important;
	}
}

@media (max-width: 400px) {
	.sgpb-content-747 h2 {
    font-size: 28px !important;
		width: 100%;
	}
}



/* -------------------------------------------------------
BROWSER SPECIFIC
------------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	h1, h2, h3, h4, h5, h6, p {
		font-family: sans-serif !important;
	}
	.flex-row {
		justify-content: space-around;
	}
	.subsection-services {
		box-shadow: 4px 4px 4px #3c4850;
	}
	.et_pb_module_header, .et_pb_fullwidth_header_subhead {
		background-color: #0072BC;
	}
}