html {
height: 100%;
min-height: 100%;
}
body {
min-height: 100%;
font-family: 'Raleway', sans-serif;
}
@media all and (min-width: 981px) {
body.et_cover_background {
background-position: 100% 50% !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 0;
margin-bottom: 1rem;
color: #2f2059;
font-weight: bold;
}
.entry-title {
font-weight: normal;
}
p {
margin-bottom: 2em;
padding-bottom: 0;
}
.et_parallax_bg {
background-size: 1920px !important;
}
@media only screen and (max-width: 1180px) {
.container {
width: 95%;
}
.home .et_pb_section_0 .et_pb_row_0 {
width: 100%;
}
}
.et_mobile_device .et_pb_row {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.et_mobile_device .container {
width: 100%;
}
.et_mobile_device .logo_container {
padding-left: 10px;
padding-right: 10px;
}
.mobile_menu_bar_toggle:before {
color: #ff5100;
}
.et_pb_title_container {
position: relative;
}
.et_pb_title_container .et_pb_title_meta_container {
position: absolute;
} .button.wc-forward {
white-space: nowrap;
}
@media all and (min-width: 981px) {
#logo {
margin-left: -4px;
}
}
.logo_title {
display: flex;
align-items: center;
height: 100%;
padding-left: 60px;
color: #fff;
font-size: 0;
}
.logo_title:before {
content: "Asociace ZZ-ČR";
font-size: 1rem;
}
@media all and (min-width: 981px) {
.logo_title {
padding-left: 130px;
font-size: 1.15rem;
line-height: 120%;
opacity: 1;
transition: 0.5s;
}
.logo_title:before {
content: "";
font-size: 0;
}
}
@media all and (min-width: 981px) {
.et-fixed-header .logo_title {
padding-left: 80px;
opacity: 0;
font-size: 0.5rem;
}
}
.nav li ul {
border-top: 3px solid #2f2059;
}
#top-menu li.current-page-ancestor > a,
#top-menu li.current_page_ancestor > a,
#top-menu li.current-menu-item > a {
position: relative;
color: #ff5100;
}
#top-menu li.current-page-ancestor > a:before,
#top-menu li.current_page_ancestor > a:before,
#top-menu li.current-menu-item > a:before {
content: "";
position: absolute;
left: 0;
top: 1.5rem;
height: 3px;
width: 100%;
background-color: #ff5100;
}
#top-menu li.current-page-ancestor li.current-menu-item > a:before,
#top-menu li.current_page_ancestor li.current-menu-item > a:before {
display: none;
}
ul#top-menu li.menu-item:not(:last-child) {
padding-right: 35px !important;
}
#et-top-navigation .et-cart-info {
margin-left: 35px;
}
@media only screen and (min-width: 981px) {
.et_pb_slider,
.et_pb_slider .et_pb_container {
height: 380px !important;
}
.et_pb_slider,
.et_pb_slider .et_pb_slide {
max-height: 380px;
}
.et_pb_slider .et_pb_slide_description {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
}
}
.et_pb_slide_title {
margin-bottom: 1.5rem;
}
.et_pb_blog_0 h2 {
font-weight: bold;
line-height: 1.3;
}
.et_pb_blog_0 h2 a {
color: #ff5100;
}
@media all and (min-width: 981px) {
.et_pb_blog_0 article {
display: grid;
grid-template-columns: 120px auto 325px;
grid-template-rows: auto 1fr;
grid-template-areas: "mydate mytitle img" "mydate mytext img";
}
.et_pb_blog_0 article .entry-featured-image-url {
grid-area: img;
}
.et_pb_blog_0 article .entry-featured-image-url img {
max-width: 325px;
margin-bottom: 0;
}
.et_pb_blog_0 article h2 {
grid-area: mytitle;
padding: 3rem 1.75rem 0 1.75rem;
}
.et_pb_blog_0 article .post-meta {
grid-area: mydate;
padding-top: 3rem;
position: relative;
text-align: center;
font-size: 1.25rem !important;
line-height: 1.5;
}
.et_pb_blog_0 article .post-meta:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10px;
background-color: #ff5100;
}
.et_pb_blog_0 article .post-content {
grid-area: mytext;
padding: 0 1.75rem;
}
}
.orangestrip {
height: 10px;
width: 120px;
background: #ff5100;
}
@media all and (min-width: 981px) {
.partners__row {
padding: 0 0 3.75rem 0;
}
}
.partners__row a {
display: block;
float: left;
width: 20%;
}
.partners__row img {
display: block;
width: 100%;
}
@media all and (min-width: 981px) {
.partners__row img {
width: 168px;
}
}
.partners__label {
padding-top: 1rem;
}
@media all and (min-width: 981px) {
.partners__label {
padding-top: 3.625rem;
font-size: 1.25rem;
}
}
.et_pb_team_member_image img {
width: 100%;
}
#main-footer {
background: rgba(47, 32, 89, 0.65) !important;
color: #fff;
}
.footertop .container {
position: relative;
padding: 3rem 0 1.5rem 0;
}
.footertop .container:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 120px;
height: 10px;
background: #ff5100;
}
@media all and (min-width: 981px) {
.footertop .container {
display: flex;
justify-content: space-between;
padding: 6.75rem 0;
}
}
.footertop__address {
margin-bottom: 1.5rem;
font-size: 1.125rem;
}
@media all and (min-width: 981px) {
.footertop__address {
background: url(//eshop.azzcr.cz/wp-content/themes/Divi-child/images/footer_logo.png) 0 0 no-repeat;
background-size: 7.5rem;
margin-bottom: 0;
padding-left: 11.875rem;
}
}
.footertop__address a {
color: #ff5100;
font-weight: bold;
}
.footertop__address .address__title {
margin-top: -4px;
height: 3.4375rem;
font-size: 1.35rem;
font-weight: bold;
}
@media all and (min-width: 981px) {
.footertop__address .address__row {
display: flex;
}
}
.footertop__address .address__cell:first-child {
padding-right: 4rem;
}
@media all and (min-width: 981px) {
.footertop__social {
display: flex;
align-items: top;
padding-top: 3.6875rem;
}
}
.footertop__social a {
color: #ff5100;
}
.footertop__social a:hover {
color: #fff;
opacity: 1;
}
.footerbottom {
background-color: rgba(0, 0, 0, 0.55) !important;
font-size: 0.875rem;
}
.footerbottom .container {
text-align: center;
}
@media all and (min-width: 981px) {
.footerbottom .container {
display: flex;
justify-content: space-between;
}
}
.footerbottom .redigy a {
color: #fff;
font-weight: bold;
text-decoration: underline;
}
.footerbottom .redigy a:hover {
text-decoration: none;
}
#footer-info {
float: inherit;
color: #fff;
}
#footer-info a {
font-weight: normal;
color: #fff;
}
.et-social-icons {
float: inherit;
}
.mymap {
position: relative;
width: 790px;
height: 460px;
margin: 0 auto;
background: url(//eshop.azzcr.cz/wp-content/themes/Divi-child/images/mapa.svg) 0 0 no-repeat;
background-size: 100%;
}
.et_mobile_device .mymap {
display: none;
}
.mymap__mark {
display: block;
position: absolute;
padding: 0.25rem 1rem;
border: 0;
border-radius: 0.6rem;
background: #ff5100;
color: #fff;
font-family: arial, sans-serif;
font-size: 1.2rem;
transition: 0.25s;
}
.mymap__mark:hover {
background: rgba(255, 81, 0, 0.9);
}
.mymap__mark--rs10 {
top: 39%;
left: 32%;
}
.mymap__mark--rs20 {
top: 45%;
left: 9%;
}
.mymap__mark--rs30 {
top: 70%;
left: 30%;
}
.mymap__mark--rs40 {
top: 14%;
left: 25%;
}
.mymap__mark--rs50 {
top: 35%;
left: 53%;
}
.mymap__mark--rs60 {
top: 71%;
left: 60%;
}
.mymap__mark--rs70 {
top: 50%;
left: 78%;
}html {
height: 100%;
min-height: 100%;
}
body {
min-height: 100%;
font-family: 'Raleway', sans-serif;
}
@media all and (min-width: 981px) {
body.et_cover_background {
background-position: 100% 50% !important;
}
}
h1,
h2,
h3,
h4,
h5,
h6 {
padding-bottom: 0;
margin-bottom: 1rem;
color: #2f2059;
font-weight: bold;
}
.entry-title {
font-weight: normal;
}
p {
margin-bottom: 2em;
padding-bottom: 0;
}
.et_parallax_bg {
background-size: 1920px !important;
}
@media only screen and (max-width: 1180px) {
.container {
width: 95%;
}
.home .et_pb_section_0 .et_pb_row_0 {
width: 100%;
}
}
.et_mobile_device .et_pb_row {
width: 100%;
padding-left: 10px;
padding-right: 10px;
}
.et_mobile_device .container {
width: 100%;
}
.et_mobile_device .logo_container {
padding-left: 10px;
padding-right: 10px;
}
.mobile_menu_bar_toggle:before {
color: #ff5100;
}
.et_pb_title_container {
position: relative;
}
.et_pb_title_container .et_pb_title_meta_container {
position: absolute;
} .button.wc-forward {
white-space: nowrap;
}
@media all and (min-width: 981px) {
#logo {
margin-left: -4px;
}
}
.logo_title {
display: flex;
align-items: center;
height: 100%;
padding-left: 60px;
color: #fff;
font-size: 0;
}
.logo_title:before {
content: "Asociace ZZ-ČR";
font-size: 1rem;
}
@media all and (min-width: 981px) {
.logo_title {
padding-left: 130px;
font-size: 1.15rem;
line-height: 120%;
opacity: 1;
transition: 0.5s;
}
.logo_title:before {
content: "";
font-size: 0;
}
}
@media all and (min-width: 981px) {
.et-fixed-header .logo_title {
padding-left: 80px;
opacity: 0;
font-size: 0.5rem;
}
}
.nav li ul {
border-top: 3px solid #2f2059;
}
#top-menu li.current-page-ancestor > a,
#top-menu li.current_page_ancestor > a,
#top-menu li.current-menu-item > a {
position: relative;
color: #ff5100;
}
#top-menu li.current-page-ancestor > a:before,
#top-menu li.current_page_ancestor > a:before,
#top-menu li.current-menu-item > a:before {
content: "";
position: absolute;
left: 0;
top: 1.5rem;
height: 3px;
width: 100%;
background-color: #ff5100;
}
#top-menu li.current-page-ancestor li.current-menu-item > a:before,
#top-menu li.current_page_ancestor li.current-menu-item > a:before {
display: none;
}
ul#top-menu li.menu-item:not(:last-child) {
padding-right: 35px !important;
}
#et-top-navigation .et-cart-info {
margin-left: 35px;
}
@media only screen and (min-width: 981px) {
.et_pb_slider,
.et_pb_slider .et_pb_container {
height: 380px !important;
}
.et_pb_slider,
.et_pb_slider .et_pb_slide {
max-height: 380px;
}
.et_pb_slider .et_pb_slide_description {
position: relative;
top: 25%;
padding-top: 0 !important;
padding-bottom: 0 !important;
height: auto !important;
}
}
.et_pb_slide_title {
margin-bottom: 1.5rem;
}
.et_pb_blog_0 h2 {
font-weight: bold;
line-height: 1.3;
}
.et_pb_blog_0 h2 a {
color: #ff5100;
}
@media all and (min-width: 981px) {
.et_pb_blog_0 article {
display: grid;
grid-template-columns: 120px auto 325px;
grid-template-rows: auto 1fr;
grid-template-areas: "mydate mytitle img" "mydate mytext img";
}
.et_pb_blog_0 article .entry-featured-image-url {
grid-area: img;
}
.et_pb_blog_0 article .entry-featured-image-url img {
max-width: 325px;
margin-bottom: 0;
}
.et_pb_blog_0 article h2 {
grid-area: mytitle;
padding: 3rem 1.75rem 0 1.75rem;
}
.et_pb_blog_0 article .post-meta {
grid-area: mydate;
padding-top: 3rem;
position: relative;
text-align: center;
font-size: 1.25rem !important;
line-height: 1.5;
}
.et_pb_blog_0 article .post-meta:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 10px;
background-color: #ff5100;
}
.et_pb_blog_0 article .post-content {
grid-area: mytext;
padding: 0 1.75rem;
}
}
.orangestrip {
height: 10px;
width: 120px;
background: #ff5100;
}
@media all and (min-width: 981px) {
.partners__row {
padding: 0 0 3.75rem 0;
}
}
.partners__row a {
display: block;
float: left;
width: 20%;
}
.partners__row img {
display: block;
width: 100%;
}
@media all and (min-width: 981px) {
.partners__row img {
width: 168px;
}
}
.partners__label {
padding-top: 1rem;
}
@media all and (min-width: 981px) {
.partners__label {
padding-top: 3.625rem;
font-size: 1.25rem;
}
}
.et_pb_team_member_image img {
width: 100%;
}
#main-footer {
background: rgba(47, 32, 89, 0.65) !important;
color: #fff;
}
.footertop .container {
position: relative;
padding: 3rem 0 1.5rem 0;
}
.footertop .container:after {
content: "";
position: absolute;
display: block;
top: 0;
left: 0;
width: 120px;
height: 10px;
background: #ff5100;
}
@media all and (min-width: 981px) {
.footertop .container {
display: flex;
justify-content: space-between;
padding: 6.75rem 0;
}
}
.footertop__address {
margin-bottom: 1.5rem;
font-size: 1.125rem;
}
@media all and (min-width: 981px) {
.footertop__address {
background: url(//eshop.azzcr.cz/wp-content/themes/Divi-child/images/footer_logo.png) 0 0 no-repeat;
background-size: 7.5rem;
margin-bottom: 0;
padding-left: 11.875rem;
}
}
.footertop__address a {
color: #ff5100;
font-weight: bold;
}
.footertop__address .address__title {
margin-top: -4px;
height: 3.4375rem;
font-size: 1.35rem;
font-weight: bold;
}
@media all and (min-width: 981px) {
.footertop__address .address__row {
display: flex;
}
}
.footertop__address .address__cell:first-child {
padding-right: 4rem;
}
@media all and (min-width: 981px) {
.footertop__social {
display: flex;
align-items: top;
padding-top: 3.6875rem;
}
}
.footertop__social a {
color: #ff5100;
}
.footertop__social a:hover {
color: #fff;
opacity: 1;
}
.footerbottom {
background-color: rgba(0, 0, 0, 0.55) !important;
font-size: 0.875rem;
}
.footerbottom .container {
text-align: center;
}
@media all and (min-width: 981px) {
.footerbottom .container {
display: flex;
justify-content: space-between;
}
}
.footerbottom .redigy a {
color: #fff;
font-weight: bold;
text-decoration: underline;
}
.footerbottom .redigy a:hover {
text-decoration: none;
}
#footer-info {
float: inherit;
color: #fff;
}
#footer-info a {
font-weight: normal;
color: #fff;
}
.et-social-icons {
float: inherit;
}
.mymap {
position: relative;
width: 790px;
height: 460px;
margin: 0 auto;
background: url(//eshop.azzcr.cz/wp-content/themes/Divi-child/images/mapa.svg) 0 0 no-repeat;
background-size: 100%;
}
.et_mobile_device .mymap {
display: none;
}
.mymap__mark {
display: block;
position: absolute;
padding: 0.25rem 1rem;
border: 0;
border-radius: 0.6rem;
background: #ff5100;
color: #fff;
font-family: arial, sans-serif;
font-size: 1.2rem;
transition: 0.25s;
}
.mymap__mark:hover {
background: rgba(255, 81, 0, 0.9);
}
.mymap__mark--rs10 {
top: 39%;
left: 32%;
}
.mymap__mark--rs20 {
top: 45%;
left: 9%;
}
.mymap__mark--rs30 {
top: 70%;
left: 30%;
}
.mymap__mark--rs40 {
top: 14%;
left: 25%;
}
.mymap__mark--rs50 {
top: 35%;
left: 53%;
}
.mymap__mark--rs60 {
top: 71%;
left: 60%;
}
.mymap__mark--rs70 {
top: 50%;
left: 78%;
}