@charset "UTF-8";
    html {
overflow-x: hidden;
font-size: 16px;
}
body {
overflow-x: hidden;
line-height: 1.8em;
}
.donatm-page-loading {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: none !important;
}
a:hover, a:active, a:focus, button:hover, button:active, button:focus {
outline: none;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: var(--e-global-color-primary);
}
h1, h2, h3, h4, h5, h6 {
margin-top: 15px;
margin-bottom: 20px;
letter-spacing: -0.02em;
}
img {
border: 0;
vertical-align: top;
max-width: 100%;
height: auto;
}
svg {
height: auto;
}
.video-responsive {
height: 0;
padding-top: 0;
padding-bottom: 56.25%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.video-responsive embed, .video-responsive iframe, .video-responsive object, .video-responsive video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
.wp-block-gallery.alignleft {
padding-right: 30px;
margin-top: 6px;
}
.wp-block-gallery.alignright {
padding-left: 30px;
margin-top: 6px;
}
.wp-block-gallery figcaption, .wp-block-gallery .blocks-gallery-caption {
margin-bottom: 15px;
}
.wp-block-button {
margin-bottom: 10px;
}
.wp-block-button__link {
margin-bottom: 10px;
color: #fff !important;
transition: all 0.35s;
}
.wp-block-button__link:hover {
color: #fff !important;
box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
}
.is-style-outline .wp-block-button__link {
color: #122F2A !important;
}
.is-style-outline .wp-block-button__link:hover {
color: #122F2A !important;
}
.is-style-squared a {
border-radius: 0 !important;
}
.no-border-radius {
border-radius: 0 !important;
}
figure figcaption {
display: block;
}
figcaption, figure, main {
display: block;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
line-height: 1.2 !important;
padding-top: 10px !important;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="number"],
textarea, select,
#checkout_form .input_group > div input, #edit_user_profile .input_group > div input {
background-color: #FBFBFB;
border: 1px solid #D7D7D7;
padding: 5px 15px;
max-width: 100%;
border-radius: 5px;
line-height: 38px;
color: var(--donatm-body-color);
box-shadow: none !important;
}
input[type="text"]:focus, input[type="text"]:active, input[type="text"]:hover,
input[type="tel"]:focus,
input[type="tel"]:active,
input[type="tel"]:hover,
input[type="password"]:focus,
input[type="password"]:active,
input[type="password"]:hover,
input[type="email"]:focus,
input[type="email"]:active,
input[type="email"]:hover,
input[type="url"]:focus,
input[type="url"]:active,
input[type="url"]:hover,
input[type="date"]:focus,
input[type="date"]:active,
input[type="date"]:hover,
input[type="number"]:focus,
input[type="number"]:active,
input[type="number"]:hover,
textarea:focus,
textarea:active,
textarea:hover, select:focus, select:active, select:hover,
#checkout_form .input_group > div input:focus,
#checkout_form .input_group > div input:active,
#checkout_form .input_group > div input:hover, #edit_user_profile .input_group > div input:focus, #edit_user_profile .input_group > div input:active, #edit_user_profile .input_group > div input:hover {
outline: none;
}
input:-webkit-autofill {
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: var(--donatm-body-color) !important;
color: var(--donatm-body-color) !important;
}
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder {
color: var(--donatm-body-color);
}
input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="email"]::-moz-placeholder {
color: var(--donatm-body-color);
opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder {
color: var(--donatm-body-color);
opacity: 1;
}
input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
input[type="email"]:-moz-placeholder {
color: var(--donatm-body-color);
opacity: 1;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
background-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/down-arrow.svg) !important;
background-repeat: no-repeat !important;
background-size: 10px !important;
padding-right: 35px;
background-position: right 16px center !important;
}
.input-fw {
width: 100%;
}
button:hover, input[type="button"]:hover, input[type="submit"]:hover {
cursor: pointer;
}
textarea {
width: 100%;
}
input:focus, input:active, input:hover, textarea:focus, textarea:active, textarea:hover, select:focus, select:active, select:hover {
outline: none;
}
.wp-caption {
margin-top: 10px;
margin-bottom: 10px;
max-width: 100%;
}
.wp-caption img {
margin-bottom: 10px;
}
.wp-caption .wp-caption-text {
font-weight: 400;
font-size: 14px;
line-height: 22px;
font-style: italic;
color: #122F2A;
width: 100%;
display: block;
clear: both;
padding: 8px 15px;
}
.wp-block-image {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
.wp-block-image .aligncenter {
display: block !important;
}
.wp-block-image .alignleft {
margin-right: 2em !important;
margin-bottom: 0.8em !important;
}
.wp-block-image .alignright {
margin-left: 2em !important;
margin-bottom: 1em !important;
}
.wp-block-image .aligncenter, .wp-block-image .alignwide, .wp-block-image .alignfull, .wp-block-image.aligncenter, .wp-block-image.alignwide, .wp-block-image.alignfull {
margin-top: 1.5em !important;
margin-bottom: 1.5em !important;
}
.wp-block-image figcaption {
margin-bottom: 0 !important;
margin-top: 15px;
font-size: 14px;
line-height: 24px;
}
img.alignright {
margin-top: 5px;
margin-bottom: 15px;
}
img.alignright.size-full {
float: right;
clear: both;
}
img.aligncenter {
display: block;
margin-left: auto !important;
margin-right: auto !important;
margin-top: 20px;
margin-bottom: 20px;
}
img.alignnone {
margin-top: 5px;
margin-bottom: 5px;
}
img.alignleft {
margin-top: 5px;
margin-bottom: 10px;
}
.aligncenter {
text-align: center !important;
clear: both;
display: block;
margin: 0 auto 0;
margin-left: auto !important;
margin-right: auto !important;
}
.aligncenter img {
margin: 10px 0;
}
.alignleft {
text-align: left;
float: left;
margin-right: 25px;
}
@media (max-width: 640px) {
.alignleft {
margin-right: 15px;
}
}
.alignleft .wp-caption-text {
padding: 0;
}
.alignright {
text-align: right;
float: right;
margin-left: 25px;
}
@media (max-width: 640px) {
.alignright {
margin-left: 15px;
}
}
.alignright figcaption {
text-align: right;
}
.alignright .wp-caption-text {
padding: 0;
}
.alignnone .wp-caption-text {
padding: 0;
}
@media (max-width: 640px) {
.alignleft, .alignright {
max-width: 50%;
}
}
.wp-block-cover {
color: #fff !important;
margin-bottom: 20px;
}
.wp-block-cover .wp-block-cover-text {
color: #fff !important;
}
.wp-block-cover-text {
color: #fff !important;
}
.wp-block-image, .wp-block-gallery, .wp-block-embed {
margin: 15px 0;
}
.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption {
width: 100%;
display: block !important;
}
.wp-block-categories {
padding-left: 0;
list-style: none;
}
.link-pages {
float: left;
width: 100%;
}
.page-links .page-links-title, .link-pages .page-links-title {
font-weight: 600;
color: #122F2A;
}
.page-links .post-nav-links, .link-pages .post-nav-links {
margin-top: 10px;
}
.page-links > a, .page-links > span:not(.page-links-title), .page-links .post-nav-links > a, .page-links .post-nav-links > span, .link-pages > a, .link-pages > span:not(.page-links-title), .link-pages .post-nav-links > a, .link-pages .post-nav-links > span {
padding: 2px 12px;
line-height: 28px;
text-align: center;
border: 1px solid #D7D7D7;
display: inline-block;
color: #122F2A;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 6px;
min-width: 34px;
font-weight: 500;
}
.page-links > a:hover, .page-links > span:not(.page-links-title):hover, .page-links .post-nav-links > a:hover, .page-links .post-nav-links > span:hover, .link-pages > a:hover, .link-pages > span:not(.page-links-title):hover, .link-pages .post-nav-links > a:hover, .link-pages .post-nav-links > span:hover {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.page-links > span:not(.page-links-title), .page-links .post-nav-links > span, .link-pages > span:not(.page-links-title), .link-pages .post-nav-links > span {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.page-links .post-page-numbers {
padding: 2px 12px;
line-height: 28px;
text-align: center;
border: 1px solid #D7D7D7;
color: #122F2A;
display: inline-block;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.page-links .post-page-numbers:hover {
border-color: var(--e-global-color-primary);
}
.page-links span.post-page-numbers {
border-color: var(--e-global-color-primary);
}
#wp-calendar {
width: 100%;
margin-bottom: 0;
}
#wp-calendar caption {
text-transform: uppercase;
font-family: var(--donatm-heading-font-family);
color: #122F2A;
font-weight: 600;
}
#wp-calendar td, #wp-calendar th {
padding: 5px;
text-align: center;
}
#wp-calendar > thead > tr > th,
#wp-calendar > thead > tr > td {
border-bottom-width: 0px !important;
}
table {
width: 100%;
margin-bottom: 20px;
border: 1px solid #D7D7D7;
}
table > thead > tr > th, table > thead > tr > td, table > tbody > tr > th, table > tbody > tr > td, table > tfoot > tr > th, table > tfoot > tr > td {
border-color: #D7D7D7;
border-width: 1px 1px 1px 0;
border-style: solid;
padding: 5px 10px;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th {
color: #122F2A;
font-weight: 600;
word-wrap: normal;
}
table > thead > tr > th.views, table > tbody > tr > th.views, table > tfoot > tr > th.views {
min-width: 120px;
}
table > thead > tr > th,
table > thead > tr > td {
border-bottom-width: 2px;
color: #122F2A;
white-space: nowrap;
}
blockquote {
border-left: 2px solid var(--e-global-color-primary) !important;
color: #122F2A;
font-style: italic;
padding: 5px 10px 5px 25px !important;
position: relative;
transition: .2s border ease-in-out;
z-index: 0;
margin-bottom: 30px;
}
blockquote p {
font-size: 1.2em !important;
line-height: 2em !important;
}
blockquote:before {
content: "\f10e";
color: var(--e-global-color-primary);
font-family: "Font Awesome 5 Free";
font-style: normal;
line-height: 1em;
text-align: center;
width: 1em;
font-weight: 900;
font-size: 38px;
margin-bottom: 30px;
display: block;
}
blockquote.format:before, blockquote.format:after {
display: none;
}
blockquote.book:after {
content: "\f12e";
}
blockquote.podcast:after {
content: "\f32d";
}
blockquote.lyrics:after {
content: "\f333";
}
blockquote.favorite:after {
content: "\f384";
}
blockquote:active:after {
transform: rotateY(360deg);
}
blockquote cite {
display: block;
font-size: 0.75em;
line-height: 1.8em;
margin-top: 1em;
font-weight: 600;
text-transform: uppercase;
}
blockquote cite:before {
content: '';
width: 30px;
height: 2px;
background-color: #d9d9d9;
display: block;
margin-bottom: 10px;
}
.hentry .entry-content .wp-block-pullquote blockquote,
.editor-styles-wrapper .wp-block-pullquote blockquote,
.wp-block-pullquote blockquote {
border: 0 !important;
margin: 0 1em;
padding: 0;
max-width: 90%;
}
.wp-block-pullquote {
margin: 25px 0 !important;
padding: 2em 0;
text-align: left;
font-size: 1em;
font-weight: 600;
}
.wp-block-pullquote.is-style-solid-color {
background: #F5F7F6;
border-left: 2px solid var(--e-global-color-primary) !important;
}
.wp-block-pullquote.is-style-solid-color .wp-block-quote {
max-width: 90%;
}
.wp-block-pullquote .wp-block-quote {
max-width: 90%;
}
dl {
color: #122F2A;
font-family: var(--donatm-heading-font-family);
}
dd {
margin: 0 1.5em 1.75em;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
.no-padding {
padding: 0 !important;
}
a.disable {
pointer-events: none;
cursor: default;
}
ul, ol {
padding-left: 20px;
}
ul li i, ol li i {
margin-right: 3px;
}
ul.medium, ol.medium {
list-style-type: none;
padding-left: 0;
}
ul.medium > li, ol.medium > li {
line-height: 24px;
font-size: 13px;
margin-bottom: 5px;
}
.hide {
display: none;
}
ul.feature-list, ul.list-style-1 {
margin-bottom: 20px;
padding-left: 0;
}
ul.feature-list > li, ul.list-style-1 > li {
list-style-type: none;
padding-left: 30px;
position: relative;
margin-bottom: 5px;
}
ul.feature-list > li:after, ul.list-style-1 > li:after {
content: "\f058";
font-family: "Font Awesome 5 Free";
position: absolute;
top: 2px;
left: 2px;
z-index: 1;
color: var(--e-global-color-primary);
font-weight: 700;
}
ul.list-style-2 {
list-style-type: none;
padding: 0;
margin: 0;
}
ul.list-style-2 > li {
color: var(--e-global-color-primary);
margin: 0 0 20px;
font-size: 16px;
font-weight: 500;
}
ul.list-style-2 > li:last-child {
margin-bottom: 0;
}
ul.inline {
padding: 0;
margin: 0;
}
ul.inline > li {
float: left;
margin-right: 15px;
list-style: none;
}
ul.inline > li:last-child {
margin-right: 0;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .pager .paginations {
display: inline-block;
}
.pager .paginations span, .pager .paginations a {
font-size: 14px;
background: #fff;
color: #122F2A;
font-weight: 500;
padding: 0 15px 0 15px;
line-height: 34px;
position: relative;
z-index: 9;
display: inline-block;
transition: all 0.35s !important;
-moz-transition: all 0.35s !important;
-ms-transition: all 0.35s !important;
text-decoration: none;
border: none;
margin-right: 10px;
border: 2px solid #D7D7D7;
border-radius: 4px;
}
.pager .paginations span:hover, .pager .paginations a:hover {
color: var(--e-global-color-primary);
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
border-color: var(--e-global-color-primary);
}
.pager .paginations span.active, .pager .paginations a.active {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.pager .paginations span.page-item {
letter-spacing: 1px;
}
.pager .paginations span.current {
color: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
}
.woocommerce .pager .pages > * {
border: 1px solid #D7D7D7;
font-weight: 600;
display: inline-block;
width: 36px;
height: 36px;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
line-height: 36px;
text-align: center;
margin-right: 10px;
font-size: 14px;
color: #888888;
}
.woocommerce .pager .pages > *:last-child {
margin-right: 0;
}
.woocommerce .pager .pages > *:hover {
color: #242424;
border-color: #242424;
text-decoration: -moz-anchor-decoration;
}
.woocommerce .pager .pages span {
color: #242424;
text-decoration: -moz-anchor-decoration;
border-color: #242424;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.margin-1 {
margin-top: -60px;
}
@media (max-width: 767.98px) {
.margin-1 {
margin-top: 30px;
}
}
.margin-0 {
margin: 0 !important;
}
.mb-0 {
margin-bottom: 0 !important;
}
.mb-10 {
margin-bottom: 10px !important;
}
.mb-20 {
margin-bottom: 20px !important;
}
.mb-30 {
margin-bottom: 30px !important;
}
.mb-40 {
margin-bottom: 40px !important;
}
.mb-50 {
margin-bottom: 50px !important;
}
.mb-60 {
margin-bottom: 60px !important;
}
.mb-70 {
margin-bottom: 70px !important;
}
.mb-80 {
margin-bottom: 80px !important;
}
.mb-90 {
margin-bottom: 90px !important;
}
.mb-100 {
margin-bottom: 100px !important;
}
.mt-0 {
margin-top: 0 !important;
}
.mt-10 {
margin-top: 10px !important;
}
.mt-20 {
margin-top: 20px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.mt-40 {
margin-top: 40px !important;
}
.mt-50 {
margin-top: 50px !important;
}
.mt-60 {
margin-top: 60px !important;
}
.mt-70 {
margin-top: 70px !important;
}
.mt-80 {
margin-top: 80px !important;
}
.mt-90 {
margin-top: 90px !important;
}
.mt-100 {
margin-top: 100px !important;
}
.mr-0 {
margin-right: 0 !important;
}
.mr-0.elementor-section > div {
margin-right: 0;
}
.mr-10 {
margin-right: 10px !important;
}
.mr-20 {
margin-right: 20px !important;
}
.mr-30 {
margin-right: 30px !important;
}
.mr-40 {
margin-right: 40px !important;
}
.mr-50 {
margin-right: 50px !important;
}
.mr-60 {
margin-right: 60px !important;
}
.mr-70 {
margin-right: 70px !important;
}
.mr-80 {
margin-right: 80px !important;
}
.mr-90 {
margin-right: 90px !important;
}
.mr-100 {
margin-right: 100px !important;
}
.ml-0 {
margin-left: 0 !important;
}
.ml-0.elementor-section > div, .ml-0.elementor-element > div {
margin-left: 0;
}
.ml-10 {
margin-left: 10px !important;
}
.ml-20 {
margin-left: 20px !important;
}
.ml-30 {
margin-left: 30px !important;
}
.ml-40 {
margin-left: 40px !important;
}
.ml-50 {
margin-left: 50px !important;
}
.ml-60 {
margin-left: 60px !important;
}
.ml-70 {
margin-left: 70px !important;
}
.ml-80 {
margin-left: 80px !important;
}
.ml-90 {
margin-left: 90px !important;
}
.ml-100 {
margin-left: 100px !important;
}
.padding-1 {
padding: 0 50px;
}
@media (max-width: 1200px) {
.padding-1 {
padding: 0;
}
}
.padding-0 {
padding: 0;
}
.padding-0 .init-carousel-swiper {
padding: 0 !important;
}
.pb-10 {
padding-bottom: 10px !important;
}
.pb-20 {
padding-bottom: 20px !important;
}
.pb-30 {
padding-bottom: 30px !important;
}
.pb-40 {
padding-bottom: 40px !important;
}
.pb-50 {
padding-bottom: 50px !important;
}
.pb-60 {
padding-bottom: 60px !important;
}
.pb-70 {
padding-bottom: 70px !important;
}
.pb-80 {
padding-bottom: 80px !important;
}
.pb-90 {
padding-bottom: 90px !important;
}
.pb-100 {
padding-bottom: 100px !important;
}
.pt-10 {
padding-top: 10px !important;
}
.pt-20 {
padding-top: 20px !important;
}
.pt-30 {
padding-top: 30px !important;
}
.pt-40 {
padding-top: 40px !important;
}
.pt-50 {
padding-top: 50px !important;
}
.pt-60 {
padding-top: 60px !important;
}
.pt-70 {
padding-top: 70px !important;
}
.pt-80 {
padding-top: 80px !important;
}
.pt-90 {
padding-top: 90px !important;
}
.pt-100 {
padding-top: 100px !important;
}
.padding-50 {
padding: 50px !important;
}
@media (max-width: 767.98px) {
.padding-50 {
padding: 30px !important;
}
}
.padding-40 {
padding: 40px !important;
}
.padding-30 {
padding: 30px !important;
}
.padding-20 {
padding: 20px !important;
}
.padding-responsive {
padding: 30px 120px;
}
@media (max-width: 767.98px) {
.padding-responsive {
padding: 30px;
}
}
.special-margin-top {
margin-top: -100px;
}
@media (max-width: 767.98px) {
.special-margin-top {
margin-top: 30px;
}
}
.special-mt-2 {
margin-top: -120px;
}
@media (max-width: 767.98px) {
.special-mt-2 {
margin-top: 10px;
margin-bottom: 30px;
}
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.no-bg {
background: transparent !important;
}
.bg-theme {
background: var(--e-global-color-primary) !important;
}
.bg-theme-2 {
background: var(--e-global-color-primary) !important;
}
.bg-dark {
background: #222 !important;
}
.bg-white {
background: #fff !important;
}
.bg-center {
background-position: center center !important;
background-repeat: no-repeat;
}
.bg-left {
background-position: center left !important;
}
.bg-right {
background-position: center right !important;
}
.no-border {
border: none !important;
}
.radius-1x {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
}
.radius-2x {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
.radius-5x {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.border-1 {
border: 1px solid #D7D7D7 !important;
}
.border-2 {
border: 2px solid #D7D7D7;
}
.border-3 {
border: 3px solid #D7D7D7;
}
.border-4 {
border: 4px solid #D7D7D7;
}
.border-5 {
border: 5px solid #D7D7D7;
}
.top-color-theme > .elementor-widget-container {
border-top-color: var(--e-global-color-primary) !important;
}
.hidden {
display: none !important;
}
.over-hidden {
overflow: hidden;
}
.over-hidden > .elementor-widget-container {
overflow: hidden;
}
.pstatic {
position: static !important;
}
.prelative {
position: relative !important;
}
.text-white {
color: #fff !important;
}
.text-white * {
color: #fff !important;
}
.text-black {
color: #122F2A;
}
.text-theme {
color: var(--e-global-color-primary) !important;
}
.text-theme-2 {
color: var(--e-global-color-secondary) !important;
}
.body-color {
color: var(--donatm-body-color) !important;
}
.hover-color-theme a:hover {
color: var(--e-global-color-primary) !important;
}
.hover-color-theme-2 a:hover {
color: var(--e-global-color-primary) !important;
}
.text-medium {
font-size: 18px;
font-weight: 600;
}
.text-underline {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 3px, rgba(0, 0, 0, 0) 0%);
background-size: 1px 5px;
background-repeat: repeat-x;
background-position: bottom;
text-decoration: none;
padding-bottom: 2px;
}
.letter-spacing-1 {
letter-spacing: -1px !important;
}
.letter-spacing-2 {
letter-spacing: -2px !important;
}
.btn, .btn-theme, .btn-theme-2, .btn-white, .btn-gray, .btn-black,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las),
#tribe-events .tribe-events-button, .tribe-events-button {
background: var(--e-global-color-primary);
color: #fff;
font-weight: 600;
padding: 18px 30px;
font-size: 16px;
line-height: 20px;
font-family: var(--donatm-font-sans-serif);
border-radius: 30px;
position: relative;
z-index: 9;
display: inline-block;
white-space: nowrap;
border: none;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0);
}
@media (max-width: 991.98px) {
.btn, .btn-theme, .btn-theme-2, .btn-white, .btn-gray, .btn-black,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las),
#tribe-events .tribe-events-button, .tribe-events-button {
padding: 15px 25px;
}
}
.btn:hover, .btn:focus, .btn-theme:hover, .btn-theme:focus, .btn-theme-2:hover, .btn-theme-2:focus, .btn-white:hover, .btn-white:focus, .btn-gray:hover, .btn-gray:focus, .btn-black:hover, .btn-black:focus,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):hover,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):focus,
#tribe-events .tribe-events-button:hover,
#tribe-events .tribe-events-button:focus, .tribe-events-button:hover, .tribe-events-button:focus {
color: #fff;
box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);
}
.btn:active, .btn-theme:active, .btn-theme-2:active, .btn-white:active, .btn-gray:active, .btn-black:active,
input[type*="submit"]:not(.fa):not(.btn-theme):not(.newsletter-submit):not(.las):active,
#tribe-events .tribe-events-button:active, .tribe-events-button:active {
top: 2px;
}
.btn-theme:not(input), .btn-theme-2:not(input), .btn-white {
padding: 4px 25px 4px 4px;
position: relative;
}
.btn-theme:not(input):before, .btn-theme-2:not(input):before, .btn-white:before {
font-family: "dicomoon";
font-weight: 400;
content: "\f148";
font-size: 20px;
align-items: center;
justify-content: center;
display: inline-flex;
width: 40px;
height: 40px;
border-radius: 50%;
background: #fff;
transition: all 0.35s;
margin-right: 10px;
}
.btn-theme:before, .btn-white:before {
color: var(--e-global-color-primary);
}
.btn-theme-2 {
background: var(--e-global-color-secondary);
color: #fff;
}
.btn-theme-2:before {
color: var(--e-global-color-secondary);
}
.btn-gray {
background: #F5F7F6;
color: #122F2A;
}
.btn-gray:hover {
color: #122F2A;
}
.btn-black {
background: #122F2A;
color: #fff;
}
.btn-black:hover {
background: #122F2A;
opacity: 0.9;
}
.btn-white {
background: #fff;
color: var(--donatm-heading-color);
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0);
}
.btn-white:before {
background: var(--e-global-color-primary);
color: #fff;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5), 0 0 20px rgba(0, 0, 0, 0.2);
color: var(--donatm-heading-color);
}
.btn-more {
border-radius: 4px;
background: var(--e-global-color-primary);
color: #fff;
font-size: 17px;
padding: 10px 20px;
display: inline-block;
font-weight: 500;
}
.btn-more:hover, .btn-more:focus, .btn-more:active {
color: #fff;
opacity: 0.8;
}
.btn-border, .btn-border-white, .btn-border-theme, .btn-border-theme-2, .btn-border-theme-3 {
font-size: 16px;
font-weight: 700;
border: 1px solid #D7D7D7;
padding: 18px 30px;
border-radius: 30px;
line-height: 1;
color: #122F2A;
display: inline-block;
position: relative;
transition: all 0.35s;
}
.btn-border:hover, .btn-border:focus, .btn-border-white:hover, .btn-border-white:focus, .btn-border-theme:hover, .btn-border-theme:focus, .btn-border-theme-2:hover, .btn-border-theme-2:focus, .btn-border-theme-3:hover, .btn-border-theme-3:focus {
background: var(--e-global-color-primary);
border-color: var(--e-global-color-primary);
color: #fff;
}
.btn-border-theme {
border-color: var(--e-global-color-primary);
color: var(--e-global-color-primary);
}
.btn-border-theme-2 {
border-color: var(--e-global-color-secondary);
color: var(--e-global-color-secondary);
}
.btn-border-theme-3 {
border-color: var(--donatm-color-three);
color: var(--donatm-color-three);
}
.btn-border-white {
border-color: #fff;
color: #fff;
}
#tribe-events .tribe-events-button, .tribe-events-button {
letter-spacing: 0;
}
#tribe-events .tribe-events-button:hover, .tribe-events-button:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.btn-medium {
font-size: 15px;
padding: 12px 52px 12px 25px;
}
.btn-small, .btn-size-small {
font-size: 14px;
padding: 10px 25px 10px 25px;
}
.btn-small-arrow {
padding: 2px 38px 2px 20px;
line-height: 30px;
font-size: 12px;
position: relative;
}
.btn-small-arrow:before {
content: '\f061';
color: #fff;
font-family: "Font Awesome 5 Free";
position: absolute;
line-height: 1;
top: 11px;
font-size: 10px;
right: 20px;
z-index: 9;
font-weight: 700;
}
.btn-inline {
font-size: 14px;
color: var(--e-global-color-primary);
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 20px;
font-family: var(--donatm-heading-font-family);
font-weight: 700;
padding-right: 18px;
}
.btn-inline:after {
content: "\f11f";
font-family: "dicomoon";
position: absolute;
right: 0;
top: 0;
font-size: 11px;
z-index: 1;
transition: all 0.35s;
}
.btn-inline:hover {
color: var(--e-global-color-secondary);
}
.btn-inline:hover:after {
right: -5px;
}
.btn-theme-inline {
font-size: 14px;
color: var(--e-global-color-primary);
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 20px;
font-family: var(--donatm-heading-font-family);
font-weight: 700;
}
.btn-theme-inline:hover {
color: var(--e-global-color-primary);
}
.btn-theme-2-inline {
font-size: 16px;
color: var(--e-global-color-secondary);
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 20px;
font-weight: 700;
text-decoration: underline !important;
}
.btn-theme-2-inline:hover {
opacity: 0.8;
}
.btn-fw {
width: 100%;
}
.width-380 {
width: 380px;
max-width: 100%;
margin: 0 auto !important;
}
.width-400 {
width: 400px;
max-width: 100%;
margin: 0 auto !important;
}
.width-500 {
width: 500px;
max-width: 100%;
margin: 0 auto !important;
}
.width-600 {
width: 600px;
max-width: 100%;
margin: 0 auto !important;
}
.width-700 {
width: 700px;
max-width: 100%;
margin: 0 auto !important;
}
.width-800 {
width: 800px;
max-width: 100%;
margin: 0 auto !important;
}
.width-900 {
width: 900px;
max-width: 100%;
margin: 0 auto !important;
}
.width-950 {
width: 950px;
max-width: 100%;
margin: 0 auto !important;
}
.width-1000 {
width: 1000px;
max-width: 100%;
margin: 0 auto !important;
}
.elementor-section.elementor-section-boxed.width-1370 > .elementor-container {
width: 1370px;
max-width: 100%;
margin: 0 auto;
}
.alert {
position: relative;
}
.alert.alert_info {
background: #EEF1F6;
}
.alert .alert_icon {
display: inline-block;
float: left;
margin-right: 10px;
}
.alert .close {
position: absolute;
top: 20px;
right: 15px;
font-size: 16px;
}
.alert .alert_wrapper {
padding: 0 30px;
}
.pagination {
width: 100%;
margin: 0;
}
.pagination .pager {
margin: 15px 0 30px;
}
.pagination .pager_wrapper {
border: none;
}
.max-width-600 {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.max-width-500 {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.list-socials {
text-align: center;
}
.list-socials a {
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
float: left;
margin-right: 25px;
}
.list-socials a:last-child {
margin-right: 0;
}
.list-socials a i {
font-size: 17px;
color: #9E9E9E;
}
.list-socials.white a:hover i {
color: #fff;
}
.socials {
display: inline-block;
text-align: left;
width: 100%;
}
.socials a {
color: #D7D7D7;
text-decoration: none;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
margin-right: 12px;
font-size: 14px;
}
.socials a:last-child {
margin-right: 0;
}
.socials a:hover, .socials a:focus, .socials a:active {
opacity: 0.7;
filter: alpha(opacity=70);
}
.socials a i {
color: #fff;
width: 32px;
height: 32px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
display: inline-block;
text-align: center;
line-height: 32px;
font-size: 14px;
background: var(--e-global-color-primary);
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: 1px solid rgba(0, 0, 0, 0.06);
}
.socials a i.fa-facebook-square, .socials a i.fa-facebook {
background: #3b5998;
}
.socials a i.fa-twitter, .socials a i.fa-twitter-square {
background: #4099ff;
}
.socials a i.fa-skype {
background: #12a5f4;
}
.socials a i.fa-dribbble {
background: #ea4c89;
}
.socials a i.fa-linkedin-square, .socials a i.fa-linkedin {
background: #0e76a8;
}
.socials a i.fa-apple {
background: #f2f2f2;
}
.socials a i.fa-pinterest {
background: #c92228;
}
.socials a i.fa-google-plus-square, .socials a i.fa-google-plus {
background: #d34836;
}
.socials a i.fa-youtube-square, .socials a i.fa-youtube {
background: #c4302b;
}
.socials a i.fa-vimeo-square, .socials a i.fa-vimeo {
background: #4ebbff;
}
.socials a i.fa-tumblr-square, .socials a i.fa-tumblr {
background: #35465c;
}
.socials a i.fa-xing-square, .socials a i.fa-xing {
background: #126567;
}
.socials a i.fa-instagram {
background: #e8e2d9;
}
.socials-2 {
display: inline-block;
text-align: left;
width: 100%;
padding: 0;
margin: 0;
}
.socials-2 li {
list-style: none;
display: inline-block;
margin-right: 12px;
}
.socials-2 li a {
text-decoration: none;
transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
font-size: 18px;
}
.socials-2 li a i {
color: #dddddd;
display: inline-block;
text-align: center;
}
.socials-2 li a i:hover {
color: var(--e-global-color-primary);
}
.socials-2 li:last-child {
margin-right: 0;
}
.fa-stack {
width: 2.4em !important;
height: 2.4em !important;
line-height: 2.4em;
}
.fa-1x {
font-size: 1.5em !important;
}
.tabs-list {
text-align: center;
margin-bottom: 10px;
}
.tabs-list ul.nav-tabs {
display: inline-block;
width: auto;
float: none;
}
.tabs-list ul.nav-tabs > li {
margin-bottom: 10px;
}
.pieChart {
position: relative;
}
.pieChart .pie-label {
position: absolute;
top: 50%;
left: 0;
margin-top: -5px;
text-align: center;
z-index: 1;
font-weight: 600;
display: block;
width: 100%;
line-height: 1;
}
#gallery-1 img {
border: none !important;
}
.alert-danger {
color: #fff;
background: var(--e-global-color-primary);
}
form.post-password-form input[type*="submit"] {
line-height: 50px !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
top: -1px;
}
form.post-password-form input[type*="submit"]:hover {
cursor: pointer;
}
@media (max-width: 576px) {
.d-small-none {
display: none;
}
}
@media (min-width: 1025px) {
.col-xl-70 {
width: 70%;
}
.col-xl-30 {
width: 30%;
}
}  .item-columns {
padding: 0 15px;
}
[class*="block-grid-"] {
display: block;
margin: 0 -15px;
padding: 0;
}
[class*="block-grid-"]:before, [class*="block-grid-"]:after {
display: table;
content: " ";
}
[class*="block-grid-"]:after {
clear: both;
}
[class*="block-grid-"] > div {
display: block;
float: left;
height: auto;
padding: 0 15px;
width: 100%;
}
[class*="block-grid-"] > div:after {
display: block;
}
@media (min-width: 380px) {
.xx-block-grid-1 > div {
width: 100%;
}
.xx-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.xx-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.xx-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.xx-block-grid-2 > div {
width: 50%;
}
.xx-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.xx-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.xx-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.xx-block-grid-3 > div {
width: 33.33333%;
}
.xx-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.xx-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.xx-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.xx-block-grid-4 > div {
width: 25%;
}
.xx-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.xx-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.xx-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.xx-block-grid-5 > div {
width: 20%;
}
.xx-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.xx-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.xx-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.xx-block-grid-6 > div {
width: 16.66667%;
}
.xx-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.xx-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.xx-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.xx-block-grid-7 > div {
width: 14.28571%;
}
.xx-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.xx-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.xx-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.xx-block-grid-8 > div {
width: 12.5%;
}
.xx-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.xx-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.xx-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.xx-block-grid-9 > div {
width: 11.11111%;
}
.xx-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.xx-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.xx-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.xx-block-grid-10 > div {
width: 10%;
}
.xx-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.xx-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.xx-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.xx-block-grid-11 > div {
width: 9.09091%;
}
.xx-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.xx-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.xx-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.xx-block-grid-12 > div {
width: 8.33333%;
}
.xx-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.xx-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.xx-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.xx-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.xx-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
@media (min-width: 640px) {
.xs-block-grid-1 > div {
width: 100%;
}
.xs-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.xs-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.xs-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.xs-block-grid-2 > div {
width: 50%;
}
.xs-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.xs-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.xs-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.xs-block-grid-3 > div {
width: 33.33333%;
}
.xs-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.xs-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.xs-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.xs-block-grid-4 > div {
width: 25%;
}
.xs-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.xs-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.xs-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.xs-block-grid-5 > div {
width: 20%;
}
.xs-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.xs-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.xs-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.xs-block-grid-6 > div {
width: 16.66667%;
}
.xs-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.xs-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.xs-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.xs-block-grid-7 > div {
width: 14.28571%;
}
.xs-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.xs-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.xs-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.xs-block-grid-8 > div {
width: 12.5%;
}
.xs-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.xs-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.xs-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.xs-block-grid-9 > div {
width: 11.11111%;
}
.xs-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.xs-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.xs-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.xs-block-grid-10 > div {
width: 10%;
}
.xs-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.xs-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.xs-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.xs-block-grid-11 > div {
width: 9.09091%;
}
.xs-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.xs-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.xs-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.xs-block-grid-12 > div {
width: 8.33333%;
}
.xs-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.xs-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.xs-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.xs-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.xs-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
@media (min-width: 768px) {
.sm-block-grid-1 > div {
width: 100%;
}
.sm-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.sm-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.sm-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.sm-block-grid-2 > div {
width: 50%;
}
.sm-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.sm-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.sm-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.sm-block-grid-3 > div {
width: 33.33333%;
}
.sm-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.sm-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.sm-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.sm-block-grid-4 > div {
width: 25%;
}
.sm-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.sm-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.sm-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.sm-block-grid-5 > div {
width: 20%;
}
.sm-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.sm-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.sm-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.sm-block-grid-6 > div {
width: 16.66667%;
}
.sm-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.sm-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.sm-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.sm-block-grid-7 > div {
width: 14.28571%;
}
.sm-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.sm-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.sm-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.sm-block-grid-8 > div {
width: 12.5%;
}
.sm-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.sm-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.sm-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.sm-block-grid-9 > div {
width: 11.11111%;
}
.sm-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.sm-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.sm-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.sm-block-grid-10 > div {
width: 10%;
}
.sm-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.sm-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.sm-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.sm-block-grid-11 > div {
width: 9.09091%;
}
.sm-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.sm-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.sm-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.sm-block-grid-12 > div {
width: 8.33333%;
}
.sm-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.sm-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.sm-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.sm-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.sm-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
} @media (min-width: 1024.1px) {
[class*="block-grid-"] {
margin: 0 -15px;
}
[class*="block-grid-"] > div {
padding: 0 15px;
}
.item-columns {
padding: 0 15px;
}
.md-block-grid-1 > div {
width: 100%;
}
.md-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.md-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.md-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.md-block-grid-2 > div {
width: 50%;
}
.md-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.md-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.md-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.md-block-grid-3 > div {
width: 33.33333%;
}
.md-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.md-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.md-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.md-block-grid-4 > div {
width: 25%;
}
.md-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.md-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.md-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.md-block-grid-5 > div {
width: 20%;
}
.md-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.md-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.md-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.md-block-grid-6 > div {
width: 16.66667%;
}
.md-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.md-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.md-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.md-block-grid-7 > div {
width: 14.28571%;
}
.md-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.md-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.md-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.md-block-grid-8 > div {
width: 12.5%;
}
.md-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.md-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.md-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.md-block-grid-9 > div {
width: 11.11111%;
}
.md-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.md-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.md-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.md-block-grid-10 > div {
width: 10%;
}
.md-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.md-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.md-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.md-block-grid-11 > div {
width: 9.09091%;
}
.md-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.md-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.md-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.md-block-grid-12 > div {
width: 8.33333%;
}
.md-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.md-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.md-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.md-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.md-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
} @media (min-width: 1200px) {
[class*="block-grid-"] {
margin: 0 -15px;
}
[class*="block-grid-"] > div {
padding: 0 15px;
}
.item-columns {
padding: 0 15px;
}
.lg-block-grid-1 > div {
width: 100%;
}
.lg-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.lg-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.lg-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.lg-block-grid-2 > div {
width: 50%;
}
.lg-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.lg-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.lg-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.lg-block-grid-3 > div {
width: 33.33333%;
}
.lg-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.lg-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.lg-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.lg-block-grid-4 > div {
width: 25%;
}
.lg-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.lg-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.lg-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.lg-block-grid-5 > div {
width: 20%;
}
.lg-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.lg-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.lg-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.lg-block-grid-6 > div {
width: 16.66667%;
}
.lg-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.lg-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.lg-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.lg-block-grid-7 > div {
width: 14.28571%;
}
.lg-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.lg-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.lg-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.lg-block-grid-8 > div {
width: 12.5%;
}
.lg-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.lg-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.lg-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.lg-block-grid-9 > div {
width: 11.11111%;
}
.lg-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.lg-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.lg-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.lg-block-grid-10 > div {
width: 10%;
}
.lg-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.lg-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.lg-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.lg-block-grid-11 > div {
width: 9.09091%;
}
.lg-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.lg-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.lg-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.lg-block-grid-12 > div {
width: 8.33333%;
}
.lg-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.lg-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.lg-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.lg-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.lg-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
} @media (min-width: 1550px) {
.hm_lg-block-grid-1 > div {
width: 100%;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n+1) {
clear: both;
}
.hm_lg-block-grid-1 > div:nth-of-type(1n+1):after {
display: none;
}
.hm_lg-block-grid-1 > div:nth-last-child(-n+1):before {
content: none;
}
.hm_lg-block-grid-2 > div {
width: 50%;
}
.hm_lg-block-grid-2 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-2 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-2 > div:nth-of-type(2n+1) {
clear: both;
}
.hm_lg-block-grid-2 > div:nth-of-type(2n+1):after {
display: none;
}
.hm_lg-block-grid-2 > div:nth-last-child(-n+2):before {
content: none;
}
.hm_lg-block-grid-3 > div {
width: 33.33333%;
}
.hm_lg-block-grid-3 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-3 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-3 > div:nth-of-type(3n+1) {
clear: both;
}
.hm_lg-block-grid-3 > div:nth-of-type(3n+1):after {
display: none;
}
.hm_lg-block-grid-3 > div:nth-last-child(-n+3):before {
content: none;
}
.hm_lg-block-grid-4 > div {
width: 25%;
}
.hm_lg-block-grid-4 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-4 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-4 > div:nth-of-type(4n+1) {
clear: both;
}
.hm_lg-block-grid-4 > div:nth-of-type(4n+1):after {
display: none;
}
.hm_lg-block-grid-4 > div:nth-last-child(-n+4):before {
content: none;
}
.hm_lg-block-grid-5 > div {
width: 20%;
}
.hm_lg-block-grid-5 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-5 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-5 > div:nth-of-type(5n+1) {
clear: both;
}
.hm_lg-block-grid-5 > div:nth-of-type(5n+1):after {
display: none;
}
.hm_lg-block-grid-5 > div:nth-last-child(-n+5):before {
content: none;
}
.hm_lg-block-grid-6 > div {
width: 16.66667%;
}
.hm_lg-block-grid-6 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-6 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-6 > div:nth-of-type(6n+1) {
clear: both;
}
.hm_lg-block-grid-6 > div:nth-of-type(6n+1):after {
display: none;
}
.hm_lg-block-grid-6 > div:nth-last-child(-n+6):before {
content: none;
}
.hm_lg-block-grid-7 > div {
width: 14.28571%;
}
.hm_lg-block-grid-7 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-7 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-7 > div:nth-of-type(7n+1) {
clear: both;
}
.hm_lg-block-grid-7 > div:nth-of-type(7n+1):after {
display: none;
}
.hm_lg-block-grid-7 > div:nth-last-child(-n+7):before {
content: none;
}
.hm_lg-block-grid-8 > div {
width: 12.5%;
}
.hm_lg-block-grid-8 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-8 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-8 > div:nth-of-type(8n+1) {
clear: both;
}
.hm_lg-block-grid-8 > div:nth-of-type(8n+1):after {
display: none;
}
.hm_lg-block-grid-8 > div:nth-last-child(-n+8):before {
content: none;
}
.hm_lg-block-grid-9 > div {
width: 11.11111%;
}
.hm_lg-block-grid-9 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-9 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-9 > div:nth-of-type(9n+1) {
clear: both;
}
.hm_lg-block-grid-9 > div:nth-of-type(9n+1):after {
display: none;
}
.hm_lg-block-grid-9 > div:nth-last-child(-n+9):before {
content: none;
}
.hm_lg-block-grid-10 > div {
width: 10%;
}
.hm_lg-block-grid-10 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-10 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-10 > div:nth-of-type(10n+1) {
clear: both;
}
.hm_lg-block-grid-10 > div:nth-of-type(10n+1):after {
display: none;
}
.hm_lg-block-grid-10 > div:nth-last-child(-n+10):before {
content: none;
}
.hm_lg-block-grid-11 > div {
width: 9.09091%;
}
.hm_lg-block-grid-11 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-11 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-11 > div:nth-of-type(11n+1) {
clear: both;
}
.hm_lg-block-grid-11 > div:nth-of-type(11n+1):after {
display: none;
}
.hm_lg-block-grid-11 > div:nth-last-child(-n+11):before {
content: none;
}
.hm_lg-block-grid-12 > div {
width: 8.33333%;
}
.hm_lg-block-grid-12 > div:nth-of-type(1n) {
clear: none;
}
.hm_lg-block-grid-12 > div:nth-of-type(1n):after {
display: block;
}
.hm_lg-block-grid-12 > div:nth-of-type(12n+1) {
clear: both;
}
.hm_lg-block-grid-12 > div:nth-of-type(12n+1):after {
display: none;
}
.hm_lg-block-grid-12 > div:nth-last-child(-n+12):before {
content: none;
}
}
.no-gutter [class*="block-grid-"] {
margin: 0 !important;
}
.no-gutter [class*="block-grid-"] > div {
padding: 0 !important;
}
.no-gutter .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-gutter [class*="col-"], .no-gutter .item-columns {
padding-left: 0 !important;
padding-right: 0 !important;
}
.small-gutter [class*="block-grid-"] {
margin-left: -5px !important;
margin-right: -5px !important;
}
.small-gutter [class*="block-grid-"] > div {
padding-left: 5px !important;
padding-right: 5px !important;
}
.small-gutter.gva-gallery-grid .gallery-two__single {
margin-bottom: 10px;
}
.medium-gutter [class*="block-grid-"] {
margin-left: -10px !important;
margin-right: -10px !important;
}
.medium-gutter [class*="block-grid-"] > div {
padding-left: 10px !important;
padding-right: 10px !important;
} body {
min-height: 100vh;
display: flex;
flex-direction: column;
max-width: 2100px;
margin: 0 auto;
}
@media (min-width: 2100px) {
body {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
}
body .wrapper-page {
width: 100%;
background: #fff;
flex: 1;
}
body.boxed-layout, body.boxed {
background: #efefef;
max-width: 1440px;
box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15);
margin: 0 auto;
}
body.boxed-layout .wrapper-page, body.boxed .wrapper-page {
background: #fff;
}
body.open-off-canvas:after {
content: "";
background: rgba(0, 0, 0, 0.5);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 5000px;
z-index: 99;
}
body .page {
position: relative;
}
body .container-layout-content.container {
margin-bottom: 30px;
}
.main-page-content {
position: relative;
}
#wp-content {
min-height: 150px;
background: #fff;
}
#wp-footer {
position: relative;
z-index: 9;
}
body.footer-fixed #wp-footer {
position: fixed;
bottom: 0;
left: 0;
z-index: 11;
width: 100%;
}
footer .footer-main {
background: var(--donatm-footer-bg-color);
color: var(--donatm-footer-color);
font-size: 16px;
position: relative;
z-index: 111;
}
footer .footer-main a {
color: var(--donatm-footer-color);
}
footer .footer-main a:hover, footer .footer-main a:focus {
color: #fff;
}
footer .footer-main .footer-main > p {
display: none;
}
footer .footer-main .column > .widget:first-child {
padding-top: 45px;
}
.copyright {
color: var(--donatm-footer-color);
background: #122F2A;
}
.copyright .copyright-content {
text-align: center;
padding: 35px 0;
border-top: 1px solid rgba(255, 255, 255, 0.1);
}
@media (max-width: 1025px) {
.container {
max-width: 100%;
}
} .header-default .header_mobile_screen {
display: none;
}
@media (max-width: 1024px) {
.header-default .header_mobile_screen {
display: block;
}
.header-default .header_mobile_screen .canvas-mobile > .gva-offcanvas {
display: block !important;
}
.header-default .header_default_screen {
display: none;
}
}
.gv-sticky-menu {
position: relative;
transition: all 0.36s !important;
}
.gv-sticky-wrapper {
position: relative;
z-index: 1;
width: 100%;
}
.gv-sticky-wrapper.is-fixed > .gv-sticky-menu {
position: fixed !important;
width: 100%;
z-index: 999;
left: 0;
top: 0;
box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.1);
}
.is-fixed > .gv-sticky-menu.sticky-white {
background: #fff;
}
.is-fixed > .gv-sticky-menu.sticky-black {
background: #122F2A;
}
.region-logo-one {
position: relative;
}
.region-logo-one:before, .region-logo-one:after {
content: '';
clip-path: polygon(0 0, 85% 0, 100% 100%, 0% 100%);
position: absolute;
left: -250px;
top: -100px;
bottom: 0;
width: auto;
height: auto;
z-index: 1;
}
@media (max-width: 1024px) {
.region-logo-one:before, .region-logo-one:after {
clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
top: 0;
}
}
.region-logo-one:before {
background: var(--e-global-color-secondary);
right: -5px;
}
.region-logo-one:after {
background: var(--e-global-color-primary);
right: 5px;
}
.region-logo-one > .elementor-element {
z-index: 9;
}
.region-logo-two {
position: relative;
}
.region-logo-two:before, .region-logo-two:after {
content: '';
position: absolute;
left: -250px;
top: -55px;
bottom: 0;
width: auto;
height: auto;
z-index: 1;
border-radius: 100px;
}
@media (max-width: 1024px) {
.region-logo-two:before, .region-logo-two:after {
top: 0;
}
}
.region-logo-two:before {
background: var(--e-global-color-secondary);
right: -5px;
opacity: 0.36;
}
.region-logo-two:after {
background: var(--e-global-color-secondary);
right: 5px;
}
.region-logo-two > .elementor-element {
z-index: 9;
}
.region-logo-three {
position: relative;
}
.region-logo-three:before, .region-logo-three:after {
content: '';
clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
position: absolute;
left: -250px;
top: -100px;
bottom: 0;
width: auto;
height: auto;
z-index: 1;
}
@media (max-width: 1024px) {
.region-logo-three:before, .region-logo-three:after {
top: 0;
clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
}
}
.region-logo-three:before {
background: #122F2A;
right: -10px;
}
.region-logo-three:after {
background: var(--e-global-color-secondary);
right: 10px;
}
.region-logo-three > .elementor-element {
z-index: 9;
}
@media (max-width: 1200px) {
.logo-one {
margin-top: -12px;
}
}
@media (max-width: 1024px) {
.logo-one {
margin-top: 0;
}
}
.gv-sticky-wrapper.is-fixed .logo-one {
margin-top: 18px;
transition: all 0.5s;
}
@media (max-width: 1200px) {
.gv-sticky-wrapper.is-fixed .logo-one {
margin-top: 10px;
}
}
@media (max-width: 1024px) {
.gv-sticky-wrapper.is-fixed .logo-one {
margin-top: 0;
}
}
.gva-search {
position: relative;
}
.gva-search .control-search {
display: inline-block;
text-align: center;
line-height: 30px;
}
.gva-search .control-search .icon {
font-size: 22px;
}
.gva-search .gva-search-content {
position: absolute;
top: 100%;
right: -35px;
z-index: 1;
background: #fff;
z-index: 9;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
min-width: 250px;
margin-top: 16px;
border: 1px solid rgba(0, 0, 0, 0.06);
opacity: 0;
filter: alpha(opacity=0);
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
visibility: hidden;
padding: 15px;
}
.gva-search .gva-search-content:after {
content: '';
border: 10px solid transparent;
border-bottom-color: #fff;
position: absolute;
bottom: 100%;
right: 45px;
}
@media (max-width: 767px) {
.gva-search .gva-search-content {
right: 0;
}
}
.gva-search .gva-main-search {
padding-top: 0;
}
.gva-search.open .gva-search-content {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
@media (max-width: 767.98px) {
header {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
}
.header-mobile {
background: #FFF !important;
width: 100%;
position: relative;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
.header-mobile .topbar-mobile {
padding: 5px 15px;
font-size: 14px;
background: #122F2A;
color: #d2dce5;
}
.header-mobile .topbar-mobile a {
color: #d2dce5;
}
.header-mobile .topbar-mobile a:hover {
color: var(--e-global-color-primary);
}
.header-mobile .topbar-mobile .topbar-content-inner {
display: flex;
justify-content: space-between;
}
.header-mobile .header-mobile-content {
position: relative;
padding: 17px 30px 15px;
}
@media (max-width: 800px) {
.header-mobile .header-mobile-content {
padding: 15px 20px 13px;
}
}
.header-mobile .header-mobile-content .header-content-inner .header-left {
width: 50%;
float: left;
min-height: 20px;
}
.header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile {
max-width: 150px;
padding-top: 6px;
}
.header-mobile .header-mobile-content .header-content-inner .header-left .logo-mobile img {
max-width: 100%;
}
.header-mobile .header-mobile-content .header-content-inner .header-right {
width: 50%;
float: left;
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: center;
justify-content: flex-end;
align-items: center;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .main-search {
padding-top: 2px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .main-search .control-search .icon {
color: #122F2A;
font-size: 20px;
font-weight: 700;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile {
margin-left: 18px;
margin-top: 2px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile .dropdown-toggle .icon {
font-size: 26px;
color: #122F2A;
border: 1px solid #D7D7D7;
padding: 6px 10px;
border-radius: 6px;
}
.header-mobile .header-mobile-content .header-content-inner .header-right .canvas-mobile .dropdown-toggle:after {
display: none;
}
.header-mobile .header-mobile-content .mini-cart-header {
margin-top: -15px !important;
position: absolute;
top: 50%;
right: 25px;
}
.header-builder-frontend {
position: relative;
z-index: 11;
width: 100%;
}
.header-builder-frontend.header-position-relative .header-builder-inner {
position: relative;
width: 100%;
}
.header-builder-frontend.header-position-absolute {
background: var(--donatm-link-color);
}
.header-builder-frontend.header-position-absolute .header-builder-inner {
position: absolute;
width: 100%;
}
@media (max-width: 1024px) {
.header-builder-frontend.header-position-absolute .header-builder-inner {
position: relative;
}
}
.header-builder-frontend.header-position-absolute .header-builder-inner .gv-sticky-menu.stuck {
background: #122F2A;
}
@media (max-width: 767.98px) {
.header-builder-frontend {
position: relative;
}
}
.header-default {
background: #fff;
position: relative;
z-index: 999;
}
.header-default .header-bottom {
background: #fff;
position: relative;
}
.header-default .header-bottom .header-bottom-inner {
position: relative;
padding-left: 170px;
min-height: 80px;
padding-right: 28px;
}
.header-default .header-bottom .header-bottom-inner .logo {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
padding: 12px 0;
transform: translateY(-50%);
width: 160px;
margin-top: 2px;
}
.header-default .header-bottom .header-bottom-inner ul.gva-nav-menu {
float: right;
}
.header-default .header-bottom .header-bottom-inner ul.gva-nav-menu > li > a {
padding: 30px 2px;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box {
position: absolute;
right: 0;
top: 50%;
margin-top: -18px;
z-index: 1;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search svg {
width: 22px;
fill: #122F2A;
opacity: 0.9;
}
.header-default .header-bottom .header-bottom-inner .gsc-search-box .control-search:hover svg {
fill: var(--e-global-color-primary);
}
.header-builder {
min-height: 550px;
}
.header-builder.header-bg-black {
padding: 10px 0 30px;
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/bg-header-builder.jpg) no-repeat center top transparent;
background-size: cover;
}
body.logged-in.admin-bar .gv-sticky-wrapper.is-fixed > .gv-sticky-menu_ {
top: 32px;
}
@media (max-width: 782px) {
body.logged-in.admin-bar .gv-sticky-wrapper.is-fixed > .gv-sticky-menu_ {
top: 0;
}
} ul.gva-nav-menu {
margin-bottom: 0;
padding: 0;
}
ul.gva-nav-menu > li {
margin: 0;
padding: 0;
position: relative;
list-style: none;
float: left;
display: inline-block;
padding: 0 18px;
}
@media (max-width: 1300px) {
ul.gva-nav-menu > li {
padding: 0 12px;
}
}
ul.gva-nav-menu > li > a {
font-size: 16px;
font-weight: 600;
height: auto;
position: relative;
display: inline-block;
padding: 36px 0;
transition: all 0.35s;
}
ul.gva-nav-menu > li > a .caret {
margin-left: 4px;
top: 2px;
position: relative;
height: 8px;
width: 10px;
display: inline-block;
font-size: 14px;
transition: all 0.35s;
}
ul.gva-nav-menu > li > a .caret:after {
content: "\f107";
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
z-index: 1;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 11px;
font-weight: 900;
}
ul.gva-nav-menu > li:hover > a, ul.gva-nav-menu > li:active > a, ul.gva-nav-menu > li:focus > a, ul.gva-nav-menu > li.current_page_parent > a, ul.gva-nav-menu > li.current-menu-ancestor > a {
color: var(--e-global-color-primary);
}
ul.gva-nav-menu > li > .submenu-inner:after {
content: '';
position: absolute;
bottom: 100%;
left: 0;
width: 100%;
height: 20px;
display: block;
background: transparent;
}
@media (max-width: 1024px) {
ul.gva-nav-menu > li > .submenu-inner:after {
display: none;
}
}
ul.gva-nav-menu > li .submenu-inner, ul.gva-nav-menu > li ul.submenu-inner {
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
z-index: 99;
box-shadow: 0 0 20px 0 rgba(62, 28, 131, 0.1);
transition: all 0.39s;
-moz-transition: all 0.39s;
-ms-transition: all 0.39s;
transition-delay: 0.1s;
border-radius: 6px;
min-width: 260px;
padding: 2px 20px;
background: #fff;
list-style-type: none;
transform: rotateX(-90deg);
transform-origin: 0 0;
}
ul.gva-nav-menu > li .submenu-inner.megamenu-wrap-inner, ul.gva-nav-menu > li ul.submenu-inner.megamenu-wrap-inner {
padding: 18px 15px 12px;
}
ul.gva-nav-menu > li .submenu-inner > li, ul.gva-nav-menu > li ul.submenu-inner > li {
background: transparent;
position: relative;
text-align: left;
border-bottom: 1px solid #D7D7D7;
padding: 6px 0;
}
@media (max-width: 767.98px) {
ul.gva-nav-menu > li .submenu-inner > li, ul.gva-nav-menu > li ul.submenu-inner > li {
border-bottom: 0;
}
}
ul.gva-nav-menu > li .submenu-inner > li:last-child, ul.gva-nav-menu > li ul.submenu-inner > li:last-child {
border-bottom: none;
}
ul.gva-nav-menu > li .submenu-inner > li a, ul.gva-nav-menu > li ul.submenu-inner > li a {
display: block;
line-height: 1.4;
padding: 8px 0;
font-size: 15px;
font-weight: 500;
text-transform: capitalize;
position: relative;
color: var(--donatm-body-color);
font-family: var(--donatm-heading-font-family);
}
ul.gva-nav-menu > li .submenu-inner > li a .caret, ul.gva-nav-menu > li ul.submenu-inner > li a .caret {
top: 18px;
position: absolute;
right: 0;
height: 8px;
width: 10px;
display: inline-block;
}
ul.gva-nav-menu > li .submenu-inner > li a .caret:after, ul.gva-nav-menu > li ul.submenu-inner > li a .caret:after {
content: '\f107';
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
z-index: 1;
font-family: "Font Awesome 5 Free";
line-height: 1;
font-size: 12px;
font-weight: 700;
}
ul.gva-nav-menu > li .submenu-inner > li a:hover, ul.gva-nav-menu > li .submenu-inner > li a:focus, ul.gva-nav-menu > li .submenu-inner > li a:active, ul.gva-nav-menu > li ul.submenu-inner > li a:hover, ul.gva-nav-menu > li ul.submenu-inner > li a:focus, ul.gva-nav-menu > li ul.submenu-inner > li a:active {
color: var(--e-global-color-primary);
}
ul.gva-nav-menu > li .submenu-inner > li ul.submenu-inner, ul.gva-nav-menu > li ul.submenu-inner > li ul.submenu-inner {
position: absolute;
left: 90%;
top: 0;
}
ul.gva-nav-menu > li .submenu-inner > li:hover > ul.submenu-inner, ul.gva-nav-menu > li ul.submenu-inner > li:hover > ul.submenu-inner {
display: block;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
transform: rotateX(0);
}
ul.gva-nav-menu > li:hover > .submenu-inner {
top: 100%;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
height: auto;
opacity: 1;
filter: alpha(opacity=100);
display: block;
transform: rotateX(0);
}
@media (max-width: 1600px) {
ul.gva-nav-menu > li:last-child ul.submenu-inner li ul.submenu-inner, ul.gva-nav-menu > li:nth-last-child(2) ul.submenu-inner li ul.submenu-inner {
right: 100%;
left: auto;
}
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner {
max-width: 1170px !important;
background: #fff;
left: 0;
transform: rotateX(-90deg);
transform-origin: 0 0;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub {
padding: 0;
list-style-type: none;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-6 > li {
width: 16.66667%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-5 > li {
width: 20%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-4 > li {
width: 25%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-3 > li {
width: 33.33333%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-2 > li {
width: 50%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub.megamenu-columns-1 > li {
width: 100%;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li {
border: none;
list-style: none;
float: left;
padding-left: 10px;
padding-right: 10px;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a {
border-bottom: 1px solid #D7D7D7;
padding: 0 0 10px;
margin: 0 0 5px;
display: block;
color: #122F2A !important;
font-weight: 600;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a .caret {
display: none;
}
@media (max-width: 767.98px) {
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li > a {
margin-top: 6px;
}
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner {
background: transparent !important;
box-shadow: none;
display: block;
position: static;
padding: 0;
min-width: 100%;
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1);
visibility: visible;
max-width: 100% !important;
min-width: 10px !important;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li {
list-style: none;
border: none;
padding: 0;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li:last-child {
border: none;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li.menu-item-has-children > a {
font-weight: 600;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner ul.megamenu-sub > li .submenu-inner li .submenu-inner {
padding-left: 20px !important;
display: block;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-left {
left: 0;
right: auto;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-right {
right: 0;
left: auto;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-center {
left: 50%;
transform: rotateX(-90deg) translateX(-50%) !important;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-center:after {
bottom: 100%;
left: 50%;
margin-left: -6px;
}
ul.gva-nav-menu > li.megamenu-main .megamenu-wrap-inner.megamenu-align-fullwidth {
transform: rotateX(-90deg) !important;
}
ul.gva-nav-menu > li.megamenu-main:hover .megamenu-wrap-inner.megamenu-align-left {
transform: rotateX(0) translateX(-100px) !important;
}
ul.gva-nav-menu > li.megamenu-main:hover .megamenu-wrap-inner.megamenu-align-right {
transform: rotateX(0) translateX(15px) !important;
}
ul.gva-nav-menu > li.megamenu-main:hover .megamenu-wrap-inner.megamenu-align-center {
transform: rotateX(0) translateX(-50%) !important;
}
ul.gva-nav-menu > li.megamenu-main:hover .megamenu-wrap-inner.megamenu-align-fullwidth {
transform: rotateX(0) !important;
}
.megamenu-profile {
display: none;
}
.megamenu-profile.init-show {
display: block;
}
.menu-bar, .menu-bar-close {
display: inline-block;
height: 32px;
width: 30px;
cursor: pointer;
position: relative;
}
.menu-bar span, .menu-bar-close span {
display: block;
width: 30px;
height: 2px;
background-color: var(--e-global-color-primary);
position: absolute;
right: 0;
margin: auto;
transition: all 0.5s;
}
.menu-bar span.one, .menu-bar-close span.one {
top: 6px;
}
.menu-bar span.two, .menu-bar-close span.two {
top: 0;
bottom: 0;
}
.menu-bar span.three, .menu-bar-close span.three {
bottom: 6px;
}
.menu-bar:hover .one {
transform: rotate(28deg);
width: 22px;
transform-origin: 16% 100%;
}
.menu-bar:hover .three {
transform: rotate(-28deg);
transform-origin: 16% 100%;
width: 22px;
right: -1px;
}
.menu-mobile-open .menu-bar .one {
transform: rotate(28deg);
width: 22px;
transform-origin: 16% 100%;
}
.menu-mobile-open .menu-bar .three {
transform: rotate(-28deg);
transform-origin: 16% 100%;
width: 22px;
right: -1px;
}
.menu-bar-close {
transition: all 0.35s;
}
.menu-bar-close span.one {
transform: rotate(45deg);
top: 0;
bottom: 0;
}
.menu-bar-close span.two {
opacity: 0;
}
.menu-bar-close span.three {
transform: rotate(-45deg);
left: 0;
top: 0;
bottom: 0;
}
.menu-bar-close:hover {
transform: scale(1.2);
}
.gavias-off-canvas-toggle {
font-size: 24px;
float: right;
margin-right: -1px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
text-align: center;
width: 36px;
height: 36px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
background: var(--e-global-color-primary);
color: #fff;
line-height: 1.5;
margin-bottom: 10px;
}
.gavias-off-canvas-toggle:hover, .gavias-off-canvas-toggle:focus {
background: #122F2A;
color: #fff;
}
.gavias-off-canvas-overlay {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 9999;
display: block;
}
#gavias-off-canvas {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
background: #fff;
height: 100%;
left: -75%;
position: fixed;
top: 0;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 70%;
z-index: 99998;
bottom: 0;
}
#gavias-off-canvas.active {
left: 0;
}
#gavias-off-canvas .navbar-collapse {
padding-left: 0 !important;
}
#gavias-off-canvas ul {
padding-left: 25px;
}
#gavias-off-canvas .off-canvas-top {
height: 35px;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#gavias-off-canvas .off-canvas-top .top-social > a {
line-height: 35px;
transition: background 0.35s;
-moz-transition: background 0.35s;
-ms-transition: background 0.35s;
padding: 0 15px;
display: block;
border-left: 1px solid rgba(0, 0, 0, 0.1);
float: left;
}
#gavias-off-canvas .off-canvas-top .top-social > a:last-child {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
#gavias-off-canvas .off-canvas-top .top-social > a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
#gavias-off-canvas .off-canvas-top .gavias-off-canvas-close {
float: right;
margin-right: 35px;
line-height: 35px;
border-left: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgba(0, 0, 0, 0.1);
padding: 0 15px;
color: #122F2A;
}
#gavias-off-canvas .off-canvas-top .gavias-off-canvas-close:hover {
cursor: pointer;
background: var(--e-global-color-primary);
color: #fff;
}
#gavias-off-canvas ul#menu-main-menu {
width: 100%;
margin: 0;
padding: 0;
}
#gavias-off-canvas ul#menu-main-menu > li {
list-style: none;
display: block;
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
padding: 10px 20px;
}
#gavias-off-canvas ul#menu-main-menu > li > a {
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
font-weight: 600;
text-transform: uppercase;
padding: 0;
}
#gavias-off-canvas ul#menu-main-menu > li > a:hover, #gavias-off-canvas ul#menu-main-menu > li > a:focus {
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu > li > a.active > a {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu {
position: relative;
display: block;
width: 100%;
box-shadow: none;
padding: 0;
padding-left: 15px;
border: none;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li a {
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
padding: 4px 0;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li a:hover, #gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li a:focus {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu > li .submenu-inner.dropdown-menu li.active > a {
color: var(--e-global-color-primary);
background: transparent;
}
#gavias-off-canvas ul#menu-main-menu .caret {
float: right;
margin-top: 5px;
}
#mega-menu-wrap-primary {
position: static !important;
}
#mega-menu-wrap-primary .mega-menu-horizontal {
position: static !important;
}
.gva-offcanvas-content {
position: fixed;
left: -450px;
width: 450px;
max-width: 100%;
top: 0;
bottom: 0;
z-index: 9999;
visibility: hidden;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
opacity: 0;
filter: alpha(opacity=0);
transition: all 680ms cubic-bezier(0, 0.42, 0.69, 0.99);
background: #fff;
}
.gva-offcanvas-content .first-layer, .gva-offcanvas-content .second-layer {
position: absolute;
height: 100%;
width: 100%;
background-color: var(--e-global-color-secondary);
opacity: 0.6;
top: 0;
left: 100%;
right: auto;
bottom: 0;
width: 0;
margin-left: 0;
transition: width 0.5s ease-out;
}
.gva-offcanvas-content .second-layer {
opacity: 0.6;
background: var(--e-global-color-primary);
transition: width 0.5s ease-out;
}
.gva-offcanvas-content.open {
transform: translate3d(0%, 0, 0);
}
.gva-offcanvas-content.open .first-layer {
width: 100vw;
}
.gva-offcanvas-content.open .second-layer {
width: calc(100vw - 400px);
}
.gva-offcanvas-content a {
color: #122F2A;
}
.gva-offcanvas-content a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content .top-canvas {
width: 100%;
z-index: 9;
padding: 30px 25px 20px;
}
.gva-offcanvas-content .top-canvas:before, .gva-offcanvas-content .top-canvas:after {
content: " ";
display: table;
}
.gva-offcanvas-content .top-canvas:after {
clear: both;
}
.gva-offcanvas-content .top-canvas .logo-mm {
float: left;
display: inline-block;
line-height: 1;
}
.gva-offcanvas-content .top-canvas .logo-mm img {
max-width: 180px;
}
.gva-offcanvas-content .top-canvas .control-close-mm {
display: inline-block;
text-align: center;
float: right;
font-size: 30px;
}
.gva-offcanvas-content .top-canvas .control-close-mm:hover {
cursor: pointer;
}
.gva-offcanvas-content .megamenu-wrap-inner {
left: 0;
position: static !important;
}
.gva-offcanvas-content .mobile-menu-footer {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 12px 30px 8px;
border-top: 1px solid var(--e-global-color-primary);
text-align: left;
background: #122F2A;
z-index: 11;
}
.gva-offcanvas-content .mobile-menu-footer a {
display: inline-block;
font-size: 16px;
margin: 0 10px;
color: #fff;
}
.gva-offcanvas-content .mobile-menu-footer a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content .mobile-menu-footer a:first-child {
margin-left: 0;
}
.gva-offcanvas-content .wp-sidebar .widget {
padding-top: 20px;
margin-top: 20px;
padding: 20px 30px;
}
.gva-offcanvas-content .wp-sidebar .widget:last-child {
border-bottom: 0;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title {
color: #fff;
text-align: center;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title span {
font-size: 18px;
color: #122F2A;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title:before {
left: 50%;
margin-left: -40px;
}
.gva-offcanvas-content .wp-sidebar .widget .widget-title:after {
left: 50%;
margin-left: -25px;
}
.gva-offcanvas-content .wp-sidebar {
overflow-x: hidden;
height: 100%;
padding: 10px 30px 60px;
position: relative;
z-index: 9;
}
@media (max-width: 678px) {
.gva-offcanvas-content .wp-sidebar {
padding: 10px 20px 60px;
}
}
.gva-offcanvas-content #gva-mobile-menu {
padding: 0;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li {
position: relative !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: block;
width: 100%;
padding: 0;
text-align: left;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li:after {
display: none !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > .submenu-inner {
padding-bottom: 15px !important;
transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > .submenu-inner li {
border: none;
padding: 0 !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a {
padding: 12px 0 12px;
font-size: 17px;
color: var(--donatm-heading-color);
font-weight: 600;
position: relative;
z-index: 11;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a .caret {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a:after {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children .caret {
border: none;
position: absolute;
top: 20px;
margin-top: -10px;
right: 0;
width: 150px;
height: 35px;
z-index: 9;
color: #122F2A;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/plus.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/plus.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center right;
mask-position: center right;
background: var(--donatm-heading-color);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children .caret:after {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children .caret:hover {
cursor: pointer;
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li.menu-item-has-children.menu-active .caret {
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/minium.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/minium.png);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > a {
display: inline-block;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li > ul {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner {
position: relative;
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
visibility: visible !important;
background: none;
left: auto;
top: auto;
padding: 0;
border: none !important;
box-shadow: none;
display: none;
max-width: 100% !important;
transform: rotateX(0) !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
content: " ";
display: table;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
clear: both;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:before, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
content: " ";
display: table;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner:after, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner:after {
clear: both;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner .caret, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner .caret {
display: none;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner li a, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner li a {
padding: 8px 0;
font-weight: 400;
text-transform: none;
font-size: 15px;
color: var(--donatm-body-color);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner li a:hover, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner li a:hover {
color: var(--e-global-color-primary);
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner ul, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner ul {
width: 100%;
padding-left: 15px;
display: block !important;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner ul > li, .gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li div.submenu-inner ul > li {
padding: 3px 0;
display: block;
width: 100%;
}
.gva-offcanvas-content #gva-mobile-menu ul.gva-mobile-menu > li ul.submenu-inner {
padding-left: 20px;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li > a {
font-weight: 700 !important;
font-size: 15px !important;
opacity: 0.8;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li .submenu-inner {
padding: 8px 20px 5px !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li .submenu-inner > li {
padding: 0 !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li:last-child .submenu-inner {
padding-bottom: 10px !important;
}
.gva-offcanvas-content #gva-mobile-menu .megamenu-sub > li:last-child .submenu-inner li {
margin-bottom: 3px;
}
.gva-offcanvas-content.open {
left: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.canvas-mobile .megamenu-profile .widget, .canvas-mobile .megamenu-profile .widget {
background: none;
padding: 0;
margin: 0;
}
.canvas-mobile .megamenu-profile ul {
padding: 0;
}
.canvas-mobile .megamenu-profile ul li a {
padding: 0 !important;
}
.canvas-mobile .megamenu-profile .elementor > .elementor-element.e-parent > .e-con-inner > .e-con-full {
flex: 0 0 100%;
width: 100%;
}
.megamenu-main .megamenu-wrap-inner {
width: 100%;
left: 0;
right: 0;
margin: auto;
}
.megamenu-main .widget {
text-align: left;
color: var(--donatm-link-color);
}
.megamenu-main .widget .widget-title,
.megamenu-main .widget .widgettitle {
font-size: 16px;
text-align: left;
text-transform: uppercase;
font-weight: 600;
line-height: 20px;
padding: 0;
border: none;
}
.megamenu-main .widget ul {
list-style: none;
padding: 0;
}
.megamenu-main .widget.widget-html ul li {
line-height: 32px;
padding: 5px 0;
}
.megamenu-main .widget.widget-html ul li strong {
color: var(--e-global-color-primary);
font-weight: 600;
}
.megamenu-main .widget .product-block {
margin-bottom: 10px;
}
ul.gva-user-menu li a {
font-size: 15px;
}
body.admin-bar .gva-offcanvas-content.mobile {
padding-top: 32px;
}
@media (max-width: 782px) {
body.admin-bar .gva-offcanvas-content.mobile {
padding-top: 46px;
}
} body.elementor-editor-active[data-elementor-device-mode*="desktop"] .elementor-hidden-desktop[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="laptop"] .elementor-hidden-laptop[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="mobile"] .elementor-hidden-mobile[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="mobile_extra"] .elementor-hidden-mobile_extra[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="tablet"] .elementor-hidden-tablet[data-widget_type*="gva-navigation-menu"],
body.elementor-editor-active[data-elementor-device-mode*="tablet_extra"] .elementor-hidden-tablet_extra[data-widget_type*="gva-navigation-menu.default"],
body.elementor-editor-active[data-elementor-device-mode*="widescreen"] .elementor-hidden-widescreen[data-widget_type*="gva-navigation-menu.default"] {
max-width: 100px;
max-height: 50px;
overflow: hidden;
display: none;
}
.elementor-element {
max-width: 100%;
}
.elementor-slideshow__counter {
display: none;
}
.elementor-background-slideshow {
width: 100%;
}
.elementor-sidebar-widget {
padding: 30px;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.05);
border: 1px solid rgba(0, 0, 0, 0.036);
border-radius: 4px;
margin-bottom: 30px;
}
.elementor-sidebar-widget .title {
font-size: 22px;
position: relative;
padding-left: 10px;
margin: 0 0 20px;
}
.elementor-sidebar-widget .title:before {
content: '';
width: 2px;
height: auto;
top: 5px;
bottom: 3px;
left: 0;
background: var(--e-global-color-primary);
position: absolute;
left: 0;
bottom: 5px;
z-index: 1;
}
.gva-element {
min-height: 20px;
}
.section-hero .hero-left {
padding-left: calc((1920px - 1760px));
position: relative;
}
@media (max-width: 1920px) {
.section-hero .hero-left {
padding-left: calc((100vw - 1760px));
}
}
.section-hero .hero-left:after {
content: '';
height: 100%;
min-width: 150px;
position: absolute;
left: 100%;
top: 0;
background: inherit;
}
.section-hero .hero-right {
clip-path: polygon(135px 0, 100% 0, 100% 100%, 135px 100%, 0 50%);
background: #F5F7F6;
}
@media (max-width: 767px) {
.section-hero .hero-right {
clip-path: none;
}
}
.section-hero .hero-right .elementor-element {
position: static;
}
.section-hero .hero-right .hero-line {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 230px;
z-index: 1;
}
@media (max-width: 767px) {
.section-hero .hero-right .hero-line {
display: none;
}
}
.section-hero .hero-right .hero-line .line-one {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 205px;
height: 50%;
background: var(--e-global-color-primary);
clip-path: polygon(135px 0%, 100% 0%, 70px 100%, 0% 100%);
}
.section-hero .hero-right .hero-line .line-two {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 205px;
height: 50%;
background: var(--e-global-color-secondary);
clip-path: polygon(0 0, 70px 0, 100% 100%, 135px 100%);
}
.section-hero .hero-right .hero-line .line-three {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 152px;
height: 38%;
background: var(--e-global-color-secondary);
clip-path: polygon(90px 0%, 100% 0%, 62px 100%, 0% 100%);
}
.section-hero .hero-right .hero-line .line-four {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
width: 152px;
height: 38%;
background: var(--e-global-color-primary);
clip-path: polygon(0 0, 62px 0, 100% 100%, 90px 100%);
}
.row-hero > .elementor-background-slideshow {
max-width: 43.5%;
right: 0;
left: auto;
}
@media (max-width: 1024px) {
.row-hero > .elementor-background-slideshow {
max-width: 100%;
}
.row-hero > .elementor-background-slideshow:after {
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
position: absolute;
top: 0;
left: 0;
z-index: 11;
}
}
.row-hero > .elementor-background-overlay {
max-width: 56.5%;
}
@media (max-width: 1024px) {
.row-hero > .elementor-background-overlay {
display: none;
}
}
.row-explore-full > .elementor-element {
max-width: 1690px;
margin-left: 0;
left: calc((100% - 1200px) / 2);
}
@media (max-width: 1200px) {
.row-explore-full > .elementor-element {
left: 0;
}
}
.row-full-two > .elementor-element {
margin-left: 0;
left: calc((100% - 1200px) / 2);
}
@media (max-width: 1199px) {
.row-full-two > .elementor-element {
left: 0;
}
}
.row-wide-1 > .elementor-container, .row-wide-1 > .elementor-element {
left: calc((1630px - 1200px) / 2);
}
@media (max-width: 1024.98px) {
.row-wide-1 > .elementor-container, .row-wide-1 > .elementor-element {
left: 0;
}
}
.row-wide-2 > .elementor-container {
left: calc((1615px - 1200px) / 2);
}
@media (max-width: 991.98px) {
.row-wide-2 > .elementor-container {
left: 0;
}
}
.row-hero-1 > .elementor-container {
left: calc((1320px - 1200px) / 2);
}
@media (max-width: 991.98px) {
.row-hero-1 > .elementor-container {
left: 0;
}
}
.contain-left {
padding-left: calc((100% - 1200px) / 2);
}
.column-style-1 > .elementor-element {
padding-left: calc((100vw - 1200px) / 2);
}
.contain-ml > .e-con-inner {
margin-left: 0;
}
.bg-overlay-1 {
position: relative;
}
.bg-overlay-1:before {
left: auto;
right: 100%;
width: 200px;
}
.bg-overlay-2 {
position: relative;
}
@media (max-width: 767px) {
.bg-overlay-2:before {
background: #122F2A !important;
}
}
.bg-overlay-2:before {
left: 0;
right: auto;
width: 800px;
clip-path: polygon(0 0, 100% 0, 100% 100%, 20px 100%);
}
.bg-overlay-3:before {
left: auto;
right: 100%;
width: 500px;
}
.bg-overlay-4 {
position: relative;
}
@media (max-width: 768px) {
.bg-overlay-4:before, .bg-overlay-4:after {
background: #122F2A !important;
}
}
.bg-overlay-4 > .elementor-element {
z-index: 9;
}
.bg-overlay-4:before {
left: 10px;
right: auto;
width: 800px;
border-radius: 50px 0 0 50px;
z-index: 2;
}
.bg-overlay-4:after {
content: '';
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100px;
background: var(--e-global-color-secondary);
opacity: 0.36;
z-index: 1;
border-radius: 50px 0 0 50px;
}
.bg-overlay-5 {
position: relative;
}
.bg-overlay-5:before {
left: 100%;
right: auto;
width: 200px;
}
.mr-0 .e-con-inner {
margin-right: 0;
}
.elementor-widget-image.style-overlay .elementor-widget-container {
position: relative;
border-radius: 30px;
}
.elementor-widget-image.style-overlay .elementor-widget-container:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
border-radius: 30px;
background: var(--e-global-color-primary);
top: 0;
left: 0;
mix-blend-mode: soft-light;
z-index: 1;
}
.bg-row-theme, .bg-col-theme > .elementor-column-wrap, .bg-col-theme > .elementor-widget-wrap {
background-color: var(--e-global-color-primary);
}
.bg-row-theme-second, .bg-col-theme-second > .elementor-column-wrap, .bg-col-theme-second > .elementor-widget-wrap {
background-color: #122F2A;
}
.column-line-left {
position: relative;
}
.column-line-left:after {
content: '';
width: 12px;
background: var(--e-global-color-primary);
position: absolute;
left: 0;
top: 100px;
bottom: 100px;
z-index: 1;
}
.column-line-right {
position: relative;
}
.column-line-right:after {
content: '';
width: 12px;
background: var(--e-global-color-primary);
border-radius: 0 10px 10px 0;
position: absolute;
left: 100%;
top: 120px;
bottom: 120px;
z-index: 1;
}
.col-white-right {
position: relative;
}
.col-white-right:after {
content: '';
width: 1000px;
height: 100%;
background: #fff;
position: absolute;
left: 100%;
top: 0;
bottom: 0;
z-index: 1;
}
.col-border-radius:before {
z-index: 9;
}
.col-border-radius:after {
content: "";
position: absolute;
top: 0px;
left: -15px;
width: 100%;
height: 100%;
border: 2px dashed var(--e-global-color-secondary);
border-radius: 1000px 0px 0px 1000px;
z-index: 1;
}
.col-border-line {
position: relative;
padding: 20px 20px 0;
}
.col-border-line:after {
content: '';
width: 100%;
height: 100%;
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/bg-line.png) no-repeat top center;
background-size: cover;
border-radius: 6px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.border-middle-left, .border-middle-right {
position: relative;
}
.border-middle-left:after, .border-middle-right:after {
content: '';
width: 1px;
background: rgba(255, 255, 255, 0.15);
position: absolute;
left: 0;
top: 25px;
bottom: 25px;
z-index: 1;
}
.border-middle-right:after {
left: auto;
right: 0;
}
.col-align-right > .elementor-widget-wrap {
float: right;
}
.elementor-background-slideshow__slide .elementor-background-slideshow__slide__image {
background-repeat: no-repeat !important;
}
.elementor-section > .elementor-container {
z-index: 11;
}
.elementor-section > .particles-js-canvas-el {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.col-bg-theme-inner .elementor-widget-wrap {
background: var(--e-global-color-primary);
}
.elementor-icon-list-icon svg {
height: auto;
}
.gsc-logo .site-branding-logo {
display: inline-block;
}
.e-n-accordion > .e-n-accordion-item[open] > .e-n-accordion-item-title {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu {
list-style: none;
padding: 0;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li {
margin-bottom: 2px;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a {
display: block;
background: #F5F7F6;
padding: 20px 55px 20px 30px;
color: var(--donatm-heading-color);
font-weight: 700;
font-size: 16px;
position: relative;
line-height: 24px;
font-family: var(--donatm-heading-font-family);
}
@media (max-width: 1200px) {
.elementor-widget-wp-widget-nav_menu ul.menu > li a {
padding: 22px 45px 22px 20px;
}
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:after {
content: "\e90a";
font-family: "dicomoon";
position: absolute;
right: 30px;
top: 50%;
margin-top: -12px;
z-index: 11;
color: var(--donatm-heading-color);
font-size: 12px;
font-weight: 900;
}
@media (max-width: 1200px) {
.elementor-widget-wp-widget-nav_menu ul.menu > li a:after {
right: 20px;
}
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li a:hover:after {
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li.current-menu-item > a {
background: var(--e-global-color-primary);
color: #fff;
}
.elementor-widget-wp-widget-nav_menu ul.menu > li.current-menu-item > a:after {
color: #fff;
}
.elementor-accordion .elementor-accordion-item {
margin-bottom: 20px;
border: none;
}
.elementor-accordion .elementor-accordion-item:last-child {
margin-bottom: 0;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
position: relative;
background: #F5F7F6;
border: 1px solid #F5F7F6;
transition: all 0.35s;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title a {
font-family: var(--donatm-heading-font-family);
padding: 0;
color: var(--donatm-heading-color);
font-weight: 700;
font-size: 18px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title .elementor-accordion-icon {
font-size: 16px;
text-align: center;
color: #122F2A;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
background: #fff;
border-color: #D7D7D7;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
border: 1px solid #D7D7D7;
border-top: none;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content:before, .elementor-accordion .elementor-accordion-item .elementor-tab-content:after {
content: " ";
display: table;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content:after {
clear: both;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content.elementor-active {
box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05);
}
.elementor-widget-n-tabs.tab-style .e-n-tab-title {
height: 98px;
background: #fff;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-tab.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-tab.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-position: center;
mask-position: center;
transition: all 0.35s;
}
.elementor-widget-n-tabs.tab-style .e-n-tab-title .e-n-tab-title-text {
font-size: 20px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
letter-spacing: -0.04em;
}
.elementor-widget-n-tabs.tab-style > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text {
color: #fff;
}
.elementor-widget-n-tabs.tab-style-2 .e-n-tab-title {
height: 120px;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 25%;
background: #F7F4EF;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-tab-2.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-tab-2.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
-webkit-mask-position: center;
mask-position: center;
transition: all 0.35s;
padding: 15px 15px 35px;
}
@media (max-width: 767px) {
.elementor-widget-n-tabs.tab-style-2 .e-n-tab-title {
padding: 15px;
}
}
.elementor-widget-n-tabs.tab-style-2 .e-n-tab-title .e-n-tab-title-text {
font-size: 20px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
color: var(--donatm-heading-color);
letter-spacing: -0.04em;
}
.elementor-widget-n-tabs.tab-style-2 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title[aria-selected=true] .e-n-tab-title-text {
color: #fff;
}
.elementor-widget-progress .elementor-title {
font-weight: 500;
font-size: 16px;
color: var(--donatm-heading-color);
margin: 0 0 12px;
}
.elementor-widget-progress .elementor-progress-wrapper {
margin-top: 3px;
position: relative;
overflow: visible !important;
border: 1px solid var(--e-global-color-primary);
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar {
border-radius: 30px;
background: var(--e-global-color-primary);
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-bar .elementor-progress-text {
position: relative;
overflow: visible;
font-size: 0;
}
.elementor-widget-progress .elementor-progress-wrapper .elementor-progress-percentage {
position: absolute;
right: 0;
color: var(--e-global-color-primary);
bottom: 22px;
padding-right: 0;
font-size: 12px;
font-weight: 700;
margin-bottom: -3px;
}
.elementor-widget-heading .elementor-heading-title strong {
font-size: 26px;
font-weight: 700;
color: var(--e-global-color-primary);
}
.elementor-widget-button a.elementor-button {
font-size: 16px;
font-weight: 700;
}
.elementor-widget-button a.elementor-button .elementor-button-content-wrapper {
white-space: nowrap;
}
@media (max-width: 1180px) and (min-width: 1025px) {
.hidden-style {
display: none;
}
}
.elementor-widget-icon-box .elementor-icon-box-icon .elementor-icon {
color: var(--e-global-color-primary);
fill: var(--e-global-color-primary);
}
.elementor-widget-icon-box .elementor-icon-box-title {
margin: 0;
}
.elementor-widget-icon-box .elementor-icon-box-title a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.elementor-widget-icon-box .elementor-icon-box-title a:hover {
color: inherit;
}
.elementor-widget-icon-box .elementor-icon-box-description {
min-height: 0 !important;
}
@media (max-width: 768px) {
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-wrapper {
display: flex !important;
align-items: center !important;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: inline-flex;
flex: 0 0 auto;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-icon {
margin-right: 15px !important;
margin-bottom: 0 !important;
}
.elementor-widget-icon-box.icon-box-left .elementor-icon-box-content {
text-align: left;
}
}
.elementor-icon-box-style-1 {
padding: 0 20px;
}
@media (max-width: 1250px) {
.elementor-icon-box-style-1 {
padding: 0;
}
}
@media (max-width: 1200px) {
.elementor-icon-box-style-1 .elementor-icon-box-wrapper {
display: block !important;
}
.elementor-icon-box-style-1 .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: block;
width: 100%;
margin-bottom: 20px;
}
.elementor-icon-box-style-1 .elementor-icon-box-wrapper .elementor-icon-box-content {
display: block;
width: 100%;
}
}
.elementor-icon-box-style-2 {
padding: 0;
}
@media (max-width: 1024px) {
.elementor-icon-box-style-2 .elementor-icon-box-wrapper {
display: block !important;
text-align: left !important;
}
.elementor-icon-box-style-2 .elementor-icon-box-wrapper .elementor-icon-box-icon {
display: block;
width: 100%;
margin-bottom: 20px !important;
}
.elementor-icon-box-style-2 .elementor-icon-box-wrapper .elementor-icon-box-content {
display: block;
width: 100%;
}
}
.post-breadcrumb .custom-breadcrumb {
margin-bottom: 30px;
}
.gv-sidebar-offcanvas .control-mobile, .gv-sidebar-offcanvas .filter-top {
display: none;
}
@media (max-width: 1024px) {
.gv-sidebar-offcanvas > .elementor-column-wrap, .gv-sidebar-offcanvas > .elementor-widget-wrap {
position: fixed;
top: 0;
right: -360px;
z-index: 99;
background: #fff;
max-width: 100%;
height: 100%;
width: 350px;
overflow-x: hidden;
overflow-y: scroll;
border-left: 1px solid #D7D7D7;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.1);
transition: all 0.35s;
flex-wrap: wrap;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .elementor-widget-wrap, .gv-sidebar-offcanvas > .elementor-widget-wrap .elementor-widget-wrap {
padding: 0 0 20px;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top {
display: block;
position: relative;
text-align: left;
background: #F1F2F6;
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
padding: 6px 0;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:before, .gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:after, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:before, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:after {
content: '';
width: 500px;
height: 100%;
position: absolute;
background: #F1F2F6;
top: 0;
z-index: 11;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:before, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:before {
left: 100%;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top:after, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top:after {
right: 100%;
}
.gv-sidebar-offcanvas > .elementor-column-wrap .filter-top .btn-close-filter, .gv-sidebar-offcanvas > .elementor-widget-wrap .filter-top .btn-close-filter {
display: inline-block;
border-radius: 10px;
color: #1c1e27;
font-size: 20px;
}
.gv-sidebar-offcanvas .control-mobile {
display: block;
padding: 0 15px 10px;
}
.gv-sidebar-offcanvas .control-mobile .control-mobile-link {
color: var(--e-global-color-primary);
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
letter-spacing: 1px;
}
.gv-sidebar-offcanvas .control-mobile .control-mobile-link i {
font-size: 20px;
margin-right: 6px;
position: relative;
top: 2px;
}
.gv-sidebar-offcanvas.open > .elementor-column-wrap, .gv-sidebar-offcanvas.open > .elementor-widget-wrap {
right: 0;
}
.open-el-sidebar-offcanvas {
overflow: hidden;
}
.open-el-sidebar-offcanvas .wp-site-header, .open-el-sidebar-offcanvas #wp-toolbar {
z-index: 9;
}
}
.list-style-1 ul > li {
position: relative;
}
.list-style-1 ul > li:before {
content: '/';
padding-right: 5px;
}
.list-style-1 ul > li:first-child:before {
display: none;
}
.style-shape {
clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 0 100%, 0 0);
}
.elementor-icon, .elementor-icon i, .elementor-icon svg {
font-size: inherit;
}
.elementor-icon {
font-size: 14px;
}
.post-author-name, .post-category {
font-size: 15px;
}
.post-author-name a, .post-category a {
color: var(--donatm-body-color);
text-transform: capitalize;
letter-spacing: 0;
}
.post-author-name i, .post-category i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.donatm-post-title .post-title {
font-size: 30px;
margin: 0;
}
.post-tags .title {
font-size: 18px;
font-weight: 700;
color: #122F2A;
margin-right: 10px;
position: relative;
top: 2px;
}
.post-tags > a {
background: var(--e-global-color-primary);
font-size: 14px;
padding: 0 15px;
line-height: 28px;
color: #fff;
margin: 3px 10px 3px 0;
font-weight: 600;
display: inline-block;
white-space: nowrap;
border-radius: 5px;
}
.post-tags > a:last-child {
margin-left: 0;
}
.post-author-box {
background: #F5F7F6;
padding: 50px;
}
.post-author-box img {
border-radius: 8px;
}
@media (max-width: 1024px) {
.post-author-box {
padding: 30px;
}
}
.post-author-box .content-inner {
display: flex;
flex-wrap: wrap;
}
.post-author-box .content-inner .author-image {
max-width: 170px;
flex: 0 0 170px;
border-radius: 8px;
overflow: hidden;
}
@media (max-width: 580px) {
.post-author-box .content-inner .author-image {
max-width: 100%;
flex: 0 0 100%;
}
}
.post-author-box .content-inner .author-content {
padding-left: 35px;
max-width: calc(100% - 170px);
flex: 0 0 calc(100% - 170px);
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content {
padding-left: 20px;
}
}
@media (max-width: 580px) {
.post-author-box .content-inner .author-content {
max-width: 100%;
flex: 0 0 100%;
padding: 20px 0 0;
}
}
.post-author-box .content-inner .author-content .author-name {
font-size: 20px;
font-weight: 700;
text-transform: capitalize;
position: relative;
padding-bottom: 15px;
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content .author-name {
padding-bottom: 10px;
}
}
.post-author-box .content-inner .author-content .author-name:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 38px;
height: 3px;
background: var(--e-global-color-primary);
z-index: 11;
}
.post-author-box .content-inner .author-content .author-bio {
font-size: 16px;
line-height: 30px;
font-weight: 500;
margin-top: 15px;
}
@media (max-width: 1024px) {
.post-author-box .content-inner .author-content .author-bio {
margin-top: 10px;
}
}
.donatm-post-share .social-networks-post {
margin: 0;
padding: 0;
}
.donatm-post-share .social-networks-post > li {
list-style: none;
float: left;
margin: 5px;
}
.donatm-post-share .social-networks-post > li.title-share {
font-family: var(--donatm-heading-font-family);
color: #122F2A;
font-weight: 600;
padding-top: 5px;
}
.donatm-post-share .social-networks-post > li:not(.title-share) a {
display: inline-block;
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
font-size: 14px;
background: #F5F7F6;
color: #122F2A;
border-radius: 50%;
text-align: center;
}
.donatm-post-share .social-networks-post > li:not(.title-share) a:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.donatm-post-share.style-1 .social-networks-post > li.title-share {
display: none;
}
.donatm-post-share.style-2, .donatm-post-share.style-3 {
position: relative;
}
.donatm-post-share.style-2 .share-content, .donatm-post-share.style-3 .share-content {
position: absolute;
bottom: 100%;
right: 0;
z-index: 11;
min-width: 250px;
background: #fff;
text-align: center;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
padding: 20px 15px 12px;
border-radius: 6px;
margin-bottom: 16px;
display: none;
}
.donatm-post-share.style-2 .share-content:after, .donatm-post-share.style-3 .share-content:after {
content: '';
position: absolute;
top: 100%;
right: 45px;
width: 16px;
height: 16px;
border-width: 8px;
border-style: solid;
border-color: #fff transparent transparent transparent;
display: block;
}
.donatm-post-share.style-2 .share-content .title-share, .donatm-post-share.style-3 .share-content .title-share {
display: none;
}
.donatm-post-share.style-2 .share-content .social-networks-post, .donatm-post-share.style-3 .share-content .social-networks-post {
display: inline-block;
}
.donatm-post-share.style-2.open .share-content, .donatm-post-share.style-3.open .share-content {
display: block;
}
.donatm-post-share.style-3 .btn-control-share {
background: #F5F7F6;
}
.elementor-widget-gva_post_thumbnail img {
border-radius: 6px;
}
.gva-brand-carousel .brand-item-content {
text-align: center;
transition: all 0.35s;
display: block;
width: 100%;
}
.gva-brand-carousel .brand-item-content .brand-item-image {
position: relative;
text-align: center;
filter: grayscale(100%);
}
.gva-brand-carousel .brand-item-content .brand-item-image img {
opacity: 0.36;
transition: all 0.35s;
display: inline-block;
}
.gva-brand-carousel .brand-item-content .brand-item-image:hover {
filter: grayscale(0);
}
.gva-brand-carousel .brand-item-content .brand-item-image:hover img {
opacity: 1;
animation: beat 1.5s ease 0s infinite;
}
.gva-brand-carousel.style-2 .brand-item-content .brand-item-image {
background: none;
margin-bottom: 20px;
height: 115px;
display: flex;
align-items: center;
justify-content: center;
background: #F7F9F8;
padding: 20px;
width: 100%;
}
.gva-brand-carousel.style-2 .brand-item-content .brand-item-image:last-child {
margin-bottom: 0;
}
.item-active.center .brand-item-image {
filter: grayscale(0);
}
.item-active.center .brand-item-image img {
opacity: 1;
animation: beat 1.5s ease 0s infinite;
}
.gva-blogs-list .post {
width: 100%;
float: left;
}
.gva-blogs-list .post .post-thumbnail {
width: 45%;
float: left;
}
@media (max-width: 767.98px) {
.gva-blogs-list .post .post-thumbnail {
width: 100%;
}
}
.gva-blogs-list .post .post-thumbnail iframe {
height: 250px;
min-height: 250px;
}
.gva-blogs-list .post .entry-content {
width: 55%;
float: left;
padding-left: 30px;
}
@media (max-width: 767.98px) {
.gva-blogs-list .post .entry-content {
width: 100%;
padding-left: 0;
padding-top: 15px;
}
}
@media (max-width: 767.98px) and (max-width: 767.98px) {
.gva-blogs-list .post .entry-content .entry-title {
margin-top: 15px;
}
}
.gva-blogs-list.show-read-more .read-more {
margin-top: 5px;
display: block !important;
visibility: visible !important;
}
.gva-blogs-list .row-item:last-child .post {
margin-bottom: 0 !important;
}
.post-small .post {
margin-bottom: 20px !important;
float: left;
width: 100%;
}
.post-small .post .post-thumbnail {
width: 70px;
float: left;
}
.post-small .post .post-content {
padding-left: 85px;
width: 100%;
float: none;
}
.post-small .post .entry-title {
font-size: 14px !important;
margin: 0;
padding: 0;
}
.post-small .post .cat-links a {
color: var(--e-global-color-primary);
}
.post-small .post .cat-links a:hover {
text-decoration: underline;
}
.post-small .post .entry-meta {
margin: 5px 0;
}
.post-small .post .entry-meta .author {
display: none;
}
.post-small .post .line-1 {
display: none;
}
.gva-navigation-menu .gva-nav-menu:before, .gva-navigation-menu .gva-nav-menu:after {
content: " ";
display: table;
}
.gva-navigation-menu .gva-nav-menu:after {
clear: both;
}
.gva-navigation-menu.menu-align-center {
text-align: center;
}
.gva-navigation-menu.menu-align-center .gva-nav-menu {
display: inline-block;
float: none;
margin-bottom: -10px;
}
.gva-navigation-menu.menu-align-right .gva-nav-menu {
float: right;
}
.gv-sticky-wrapper.is-fixed .elementor-widget-gva-navigation-menu.elementor-absolute {
margin: 0;
top: 0;
position: relative;
}
.nav-one__mobile {
display: none;
padding: 12px 5px;
line-height: 1;
}
.nav-one__mobile .dropdown-toggle:after {
display: none;
}
.nav-one__mobile .dropdown-toggle i {
font-size: 22px;
}
.mobile-breakpoint-9800 .nav-screen__default {
display: none;
}
.mobile-breakpoint-9800 .nav-screen__mobile {
display: block;
}
@media (max-width: 1920px) {
.mobile-breakpoint-1920 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1920 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1420px) {
.mobile-breakpoint-1420 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1420 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1380px) {
.mobile-breakpoint-1380 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1380 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1300px) {
.mobile-breakpoint-1300 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1300 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1250px) {
.mobile-breakpoint-1250 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1250 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1200px) {
.mobile-breakpoint-1200 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1200 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1150px) {
.mobile-breakpoint-1150 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1150 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1100px) {
.mobile-breakpoint-1100 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1100 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1080px) {
.mobile-breakpoint-1080 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1080 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 1024px) {
.mobile-breakpoint-1024 .nav-screen__default {
display: none;
}
.mobile-breakpoint-1024 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 992px) {
.mobile-breakpoint-992 .nav-screen__default {
display: none;
}
.mobile-breakpoint-992 .nav-screen__mobile {
display: block;
}
}
@media (max-width: 768px) {
.mobile-breakpoint-768 .nav-screen__default {
display: none;
}
.mobile-breakpoint-768 .nav-screen__mobile {
display: block;
}
}
.gsc-career {
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 30px;
}
.gsc-career .box-content {
padding: 30px;
}
.gsc-career .box-content .title {
font-size: 22px;
margin: 0 0 10px;
}
.gsc-career .box-content .job-type {
font-size: 12px;
text-transform: uppercase;
font-weight: 500;
color: #fff;
background: var(--e-global-color-primary);
margin-bottom: 10px;
display: inline-block;
letter-spacing: 1px;
line-height: 24px;
border-radius: 30px;
position: absolute;
top: 15px;
right: 15px;
z-index: 1;
}
.gsc-career .box-content .box-information {
font-size: 15px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #D7D7D7;
}
.gsc-career .box-content .box-information ul {
padding: 0;
margin: 0;
list-style: none;
}
.gsc-career .box-content .box-information ul li {
float: left;
margin-right: 30px;
}
.gsc-career .box-content .box-information ul li:last-child {
margin-right: 0;
}
.gsc-career .box-content .box-information ul li .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.gsc-career .box-content .job-action {
margin-top: 20px;
}
.gsc-cart-box .mini-cart-header {
position: relative;
z-index: 1;
}
.gsc-cart-box .mini-cart-header .mini-cart {
text-align: center;
display: inline-block;
font-weight: 600;
position: relative;
line-height: 32px;
}
.gsc-cart-box .mini-cart-header .mini-cart .icon-cart {
font-size: 22px;
transition: all 0.35s;
position: relative;
top: 1px;
}
.gsc-cart-box .mini-cart-header .mini-cart .mini-cart-items {
position: absolute;
font-size: 12px;
background: var(--e-global-color-primary);
color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
top: 0px;
right: -10px;
width: 16px;
height: 16px;
border-radius: 50%;
line-height: 16px;
text-align: center;
}
.gsc-cart-box .mini-cart-header .mini-cart .mini-cart-items-title {
display: none;
}
.gsc-cart-box .mini-cart-header .mini-cart .amount {
display: none;
}
.gsc-cart-box .mini-cart-header .mini-cart:hover .icon-cart {
color: var(--e-global-color-primary) !important;
}
.gsc-cart-box .mini-cart-header .total {
color: #122F2A;
}
.gsc-icon-box-group.style-1.layout-carousel .swiper-content-inner {
padding-top: 70px;
position: relative;
}
.gsc-icon-box-group.style-1.layout-carousel .swiper-content-inner:before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 100%;
border-top: 1px dashed var(--e-global-color-primary);
}
.gsc-icon-box-group.style-1.layout-carousel .swiper-slide {
position: relative;
}
.gsc-icon-box-group.style-1.layout-carousel .swiper-slide:before {
position: absolute;
content: "";
top: -70px;
left: 50%;
transform: translateX(-50%);
background: var(--e-global-color-primary);
border: 3px solid #FFFFFF;
box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
width: 22px;
height: 22px;
border-radius: 50%;
transition: all 0.35s;
}
.gsc-icon-box-group.style-1.layout-carousel .swiper-slide.center:before, .gsc-icon-box-group.style-1.layout-carousel .swiper-slide:hover:before, .gsc-icon-box-group.style-1.layout-carousel .swiper-slide:focus:before {
background: var(--e-global-color-secondary);
}
.gsc-icon-box-group .icon-box-item {
width: 100%;
}
.iconbox-one__single {
position: relative;
max-width: 500px;
margin: 0 auto 30px;
}
.iconbox-one__single:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-secondary);
opacity: 0;
transition: all 0.8s;
border-radius: 30px;
z-index: 1;
}
.iconbox-one__wrap {
position: relative;
z-index: 2;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
border-radius: 30px;
background: #fff;
padding: 35px 30px 30px;
text-align: center;
transition: all 0.5s;
}
@media (max-width: 1024px) {
.iconbox-one__wrap {
padding: 30px 15px;
}
}
.iconbox-one__icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 74px;
height: 74px;
line-height: 1;
margin-bottom: 30px;
font-size: 36px;
color: var(--e-global-color-primary);
border: 1px solid var(--e-global-color-primary);
border-radius: 50%;
transition: all 0.5s;
position: relative;
z-index: 9;
}
.iconbox-one__icon:before, .iconbox-one__icon:after {
content: '';
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
z-index: 1;
opacity: 0;
}
.iconbox-one__icon:before {
width: 74px;
height: 74px;
background: var(--e-global-color-secondary);
transition: all 0.6s;
transform: translate(-50%, -50%) scale(0.5);
}
.iconbox-one__icon:after {
width: 82px;
height: 82px;
border: 1px solid var(--e-global-color-secondary);
transition: all 0.8s;
transform: translate(-50%, -50%) scale(0.8);
}
.iconbox-one__icon i, .iconbox-one__icon svg {
position: relative;
z-index: 9;
}
.iconbox-one__icon svg {
width: 36px;
fill: var(--e-global-color-primary);
}
.iconbox-one__title {
font-size: 20px;
margin: 0;
transition: all 0.5s;
}
.iconbox-one__desc {
font-size: 16px;
font-weight: 500;
color: var(--e-global-color-text);
transition: all 0.35s;
}
.iconbox-one__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-one__single:hover:before, .iconbox-one__single:focus:before, .iconbox-one__single.active:before {
opacity: 1;
transform: rotate(-9deg);
border-radius: 30px;
}
.iconbox-one__single:hover .iconbox-one__wrap, .iconbox-one__single:focus .iconbox-one__wrap, .iconbox-one__single.active .iconbox-one__wrap {
background: #122F2A;
}
.iconbox-one__single:hover .iconbox-one__icon, .iconbox-one__single:focus .iconbox-one__icon, .iconbox-one__single.active .iconbox-one__icon {
border-color: var(--e-global-color-secondary);
color: #fff;
}
.iconbox-one__single:hover .iconbox-one__icon:before, .iconbox-one__single:hover .iconbox-one__icon:after, .iconbox-one__single:focus .iconbox-one__icon:before, .iconbox-one__single:focus .iconbox-one__icon:after, .iconbox-one__single.active .iconbox-one__icon:before, .iconbox-one__single.active .iconbox-one__icon:after {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.iconbox-one__single:hover .iconbox-one__title, .iconbox-one__single:focus .iconbox-one__title, .iconbox-one__single.active .iconbox-one__title {
color: #fff;
}
.iconbox-one__single:hover .iconbox-one__desc, .iconbox-one__single:focus .iconbox-one__desc, .iconbox-one__single.active .iconbox-one__desc {
color: rgba(255, 255, 255, 0.8);
}
.item-active.center .iconbox-one__single:before {
opacity: 1;
transform: rotate(-9deg);
border-radius: 30px;
}
.item-active.center .iconbox-one__single .iconbox-one__wrap {
background: #122F2A;
}
.item-active.center .iconbox-one__single .iconbox-one__icon {
border-color: var(--e-global-color-secondary);
color: #fff;
}
.item-active.center .iconbox-one__single .iconbox-one__icon:before, .item-active.center .iconbox-one__single .iconbox-one__icon:after {
opacity: 1;
transform: translate(-50%, -50%) scale(1);
}
.item-active.center .iconbox-one__single .iconbox-one__title {
color: #fff;
}
.item-active.center .iconbox-one__single .iconbox-one__desc {
color: rgba(255, 255, 255, 0.8);
}
.iconbox-two__single {
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 20px 20px 25px 30px;
margin: 0 0 30px;
position: relative;
background: #fff;
z-index: 9;
}
@media (max-width: 1024px) {
.iconbox-two__single {
padding: 30px 18px;
}
}
.iconbox-two__icon-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.iconbox-two__number {
font-size: 30px;
color: #d6dee1;
}
.iconbox-two__icon {
flex: 0 0 68px;
width: 68px;
height: 68px;
border-radius: 50%;
background: #F5F7F6;
display: flex;
align-items: center;
justify-content: center;
}
.iconbox-two__icon i {
font-size: 28px;
color: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-two__icon svg {
width: 28px;
fill: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-two__title {
font-size: 18px;
margin: 6px 0 5px;
}
.iconbox-two__desc {
position: relative;
line-height: 24px;
}
.iconbox-two__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-two__single:hover .iconbox-two__icon, .iconbox-two__single:focus .iconbox-two__icon, .iconbox-two__single.active .iconbox-two__icon {
background: var(--e-global-color-primary);
}
.iconbox-two__single:hover .iconbox-two__icon i, .iconbox-two__single:focus .iconbox-two__icon i, .iconbox-two__single.active .iconbox-two__icon i {
color: #fff;
}
.iconbox-two__single:hover .iconbox-two__icon svg, .iconbox-two__single:focus .iconbox-two__icon svg, .iconbox-two__single.active .iconbox-two__icon svg {
fill: #fff;
}
.item-active.center .iconbox-two__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-two__icon i {
color: #fff;
}
.item-active.center .iconbox-two__icon svg {
fill: #fff;
}
.iconbox-three__single {
margin: 0 0 30px;
position: relative;
width: 100%;
z-index: 9;
border: 1px solid #D7D7D7;
padding: 30px 15px;
text-align: center;
}
.iconbox-three__icon {
margin: 0 0 25px;
width: 70px;
height: 70px;
border-radius: 50%;
background: #171720;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto;
transition: all 0.35s;
}
.iconbox-three__icon i {
font-size: 32px;
color: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-three__icon svg {
width: 56px;
fill: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-three__title {
font-size: 18px;
margin: 25px 0 0;
transition: all 0.5s;
}
.iconbox-three__desc {
font-size: 14px;
color: #122F2A;
font-weight: 400;
position: relative;
line-height: 20px;
margin-top: 15px;
padding-top: 15px;
transition: all 0.5s;
}
.iconbox-three__desc:after {
content: '';
width: 20px;
height: 2px;
background: #122F2A;
position: absolute;
top: 0;
left: 50%;
margin-left: -10px;
z-index: 1;
transition: all 0.35s;
}
.iconbox-three__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-three__single:hover .iconbox-three__icon, .iconbox-three__single:focus .iconbox-three__icon, .iconbox-three__single.active .iconbox-three__icon {
background: var(--e-global-color-primary);
}
.iconbox-three__single:hover .iconbox-three__icon i, .iconbox-three__single:focus .iconbox-three__icon i, .iconbox-three__single.active .iconbox-three__icon i {
color: #fff;
}
.iconbox-three__single:hover .iconbox-three__icon svg, .iconbox-three__single:focus .iconbox-three__icon svg, .iconbox-three__single.active .iconbox-three__icon svg {
fill: #fff;
}
.item-active.center .iconbox-three__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-three__icon i {
color: #fff;
}
.item-active.center .iconbox-three__icon svg {
fill: #fff;
}
.iconbox-four__single {
border: 1px solid #D7D7D7;
padding: 22px 18px 22px 30px;
margin: 0 0 16px;
position: relative;
background: #fff;
z-index: 9;
border-radius: 5px;
}
.iconbox-four__wrap {
display: flex;
align-items: center;
}
.iconbox-four__icon {
flex: 0 0 70px;
width: 70px;
height: 70px;
border-radius: 50%;
background: #F5F7F6;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.35s;
}
.iconbox-four__icon i {
font-size: 35px;
color: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-four__icon svg {
width: 35px;
fill: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-four__content {
padding-left: 20px;
flex: 0 0 calc(100% - 70px);
width: calc(100% - 70px);
}
.iconbox-four__title {
font-size: 18px;
margin: 0 0 4px;
}
.iconbox-four__desc {
position: relative;
line-height: 22px;
font-size: 14px;
font-weight: 400;
}
.iconbox-four__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-four__single:hover .iconbox-four__icon, .iconbox-four__single:focus .iconbox-four__icon, .iconbox-four__single.active .iconbox-four__icon {
background: var(--e-global-color-primary);
}
.iconbox-four__single:hover .iconbox-four__icon i, .iconbox-four__single:focus .iconbox-four__icon i, .iconbox-four__single.active .iconbox-four__icon i {
color: #fff;
}
.iconbox-four__single:hover .iconbox-four__icon svg, .iconbox-four__single:focus .iconbox-four__icon svg, .iconbox-four__single.active .iconbox-four__icon svg {
fill: #fff;
}
.item-active.center .iconbox-four__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-four__icon i {
color: #fff;
}
.item-active.center .iconbox-four__icon svg {
fill: #fff;
}
.iconbox-five__single {
border: 1px solid rgba(0, 0, 0, 0.05);
padding: 20px 20px 25px 30px;
margin: 0 0 30px;
position: relative;
background: #fff;
z-index: 9;
}
@media (max-width: 1024px) {
.iconbox-five__single {
padding: 30px 18px;
}
}
.iconbox-five__icon-wrap {
display: flex;
justify-content: space-between;
align-items: center;
}
.iconbox-five__number {
font-size: 30px;
color: #d6dee1;
}
.iconbox-five__icon {
flex: 0 0 68px;
width: 68px;
height: 68px;
border-radius: 50%;
background: #F5F7F6;
display: flex;
align-items: center;
justify-content: center;
}
.iconbox-five__icon i {
font-size: 28px;
color: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-five__icon svg {
width: 28px;
fill: var(--e-global-color-primary);
transition: all 0.5s;
}
.iconbox-five__content-inner {
padding-top: 25px;
}
.iconbox-five__title {
font-size: 18px;
margin: 0 0 5px;
}
.iconbox-five__desc {
position: relative;
line-height: 22px;
margin-top: 12px;
font-size: 15px;
}
.iconbox-five__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.iconbox-five__single:hover .iconbox-five__icon, .iconbox-five__single:focus .iconbox-five__icon, .iconbox-five__single.active .iconbox-five__icon {
background: var(--e-global-color-primary);
}
.iconbox-five__single:hover .iconbox-five__icon i, .iconbox-five__single:focus .iconbox-five__icon i, .iconbox-five__single.active .iconbox-five__icon i {
color: #fff;
}
.iconbox-five__single:hover .iconbox-five__icon svg, .iconbox-five__single:focus .iconbox-five__icon svg, .iconbox-five__single.active .iconbox-five__icon svg {
fill: #fff;
}
.item-active.center .iconbox-five__icon {
background: var(--e-global-color-primary);
}
.item-active.center .iconbox-five__icon i {
color: #fff;
}
.item-active.center .iconbox-five__icon svg {
fill: #fff;
}
.box-style-one__single {
position: relative;
}
.box-style-one__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.box-style-one__content {
display: flex;
align-items: center;
}
.box-style-one__icon-inner {
margin-right: 15px;
border-radius: 50%;
flex: 0 0 50px;
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-icon.png) no-repeat center center;
background-size: cover;
font-size: 30px;
color: #fff;
}
.box-style-one__title {
font-size: 22px;
font-weight: 700;
margin: 0;
}
.box-style-one__desc {
font-size: 16px;
font-weight: 400;
}
.box-style-one__desc ul {
margin: 0;
list-style: none;
}
.box-style-one__single:hover .box-style-one__icon-inner svg, .box-style-one__single:hover .box-style-one__icon-inner i, .box-style-one__single.active .box-style-one__icon-inner svg, .box-style-one__single.active .box-style-one__icon-inner i {
animation: beat 1.5s ease 0s infinite;
}
.box-style-two__single {
position: relative;
margin-bottom: 30px;
}
@media (max-width: 1024px) {
.box-style-two__single {
margin-bottom: 20px;
}
}
.box-style-two__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.box-style-two__content {
display: flex;
align-items: center;
}
.box-style-two__icon-inner {
flex: 0 0 63px;
margin-right: 15px;
border-radius: 50%;
width: 63px;
height: 63px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e5e5e5;
}
.box-style-two__icon-inner .icon {
width: 39px;
height: 39px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
background: #fff;
color: var(--e-global-color-primary);
}
.box-style-two__title {
font-size: 15px;
font-weight: 500;
margin: 0 0 3px;
}
.box-style-two__desc {
font-size: 19px;
font-weight: 500;
}
@media (max-width: 1200px) {
.box-style-two__desc {
font-size: 18px;
}
}
@media (max-width: 475px) {
.box-style-two__desc {
font-size: 16px;
}
}
.box-style-two__single:hover .box-style-two__icon-inner svg, .box-style-two__single:hover .box-style-two__icon-inner i, .box-style-two__single.active .box-style-two__icon-inner svg, .box-style-two__single.active .box-style-two__icon-inner i {
animation: beat 1.5s ease 0s infinite;
}
.box-style-four__single {
position: relative;
}
.box-style-four__wrap {
display: flex;
align-items: center;
}
.box-style-four__icon {
margin-right: 30px;
}
@media (max-width: 1024px) {
.box-style-four__icon {
margin-right: 15px;
}
}
.box-style-four__icon i {
font-size: 64px;
color: var(--e-global-color-primary);
}
.box-style-four__icon svg {
width: 64px;
fill: var(--e-global-color-primary);
}
.box-style-four__title {
font-size: 14px;
margin: 0 0 2px;
text-transform: uppercase;
letter-spacing: 1px;
color: var(--donatm-body-color);
}
.box-style-four__desc {
font-size: 22px;
font-weight: 700;
color: var(--donatm-heading-color);
}
@media (max-width: 1024px) {
.box-style-four__desc {
font-size: 18px;
}
}
.box-style-four__arrow {
position: absolute;
right: 0;
top: 50%;
margin-top: -26px;
width: 52px;
height: 52px;
border-radius: 50%;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
color: #122F2A;
font-size: 16px;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.036);
transition: all 0.35s;
}
@media (max-width: 1024px) {
.box-style-four__arrow {
display: none;
}
}
.box-style-four__single:hover .box-style-two__arrow {
background: var(--e-global-color-primary);
color: #fff;
}
.box-style-three__icon-wrap {
display: flex;
align-items: flex-end;
}
.box-style-three__icon {
width: 120px;
flex: 0 0 120px;
height: 95px;
display: flex;
justify-content: center;
align-items: center;
background: var(--e-global-color-primary);
}
@media (max-width: 1024px) {
.box-style-three__icon {
width: 90px;
flex: 0 0 90px;
}
}
.box-style-three__icon i {
font-size: 64px;
color: #fff;
}
@media (max-width: 1024px) {
.box-style-three__icon i {
font-size: 46px;
}
}
.box-style-three__icon svg {
width: 64px;
fill: #fff;
}
@media (max-width: 1024px) {
.box-style-three__icon svg {
width: 46px;
}
}
.box-style-three__title {
font-size: 20px;
margin: 0 0 0 20px;
}
@media (max-width: 1024px) {
.box-style-three__title {
font-size: 18px;
}
}
.box-style-three__desc {
font-size: 15px;
line-height: 24px;
margin-top: 20px;
padding-left: 30px;
}
@media (max-width: 1024px) {
.box-style-three__desc {
padding-left: 15px;
}
}
.milestone-one__single {
position: relative;
}
.milestone-one__content {
position: relative;
}
.milestone-one__number {
font-size: 40px;
font-weight: 700;
color: var(--donatm-heading-color);
font-family: var(--donatm-heading-font-family);
display: inline-block;
margin-bottom: 20px;
}
@media (max-width: 1200px) {
.milestone-one__number {
font-size: 32px;
margin-bottom: 10px;
}
}
@media (max-width: 1024px) {
.milestone-one__number {
font-size: 28px;
}
}
.milestone-one__title {
font-size: 20px;
line-height: 20px;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
}
@media (max-width: 1200px) {
.milestone-one__title {
font-size: 18px;
}
}
@media (max-width: 1024px) {
.milestone-one__title {
font-size: 16px;
}
}
.milestone-one__desc {
margin-top: 10px;
}
.milestone-one__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-one__single:hover .milestone-one__icon .icon svg, .milestone-one__single:hover .milestone-one__icon .icon i {
animation: beat 1.5s ease 0s infinite;
}
.milestone-two__single {
position: relative;
max-width: 270px;
margin: 0 auto 30px;
}
.milestone-two__content {
position: relative;
background: var(--e-global-color-secondary);
border-radius: 0 0 10px 10px;
}
.milestone-two__content:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: var(--e-global-color-primary);
transition: all 0.35s;
border-radius: 0 0 10px 10px;
}
.milestone-two__content-inner {
position: relative;
padding: 30px;
}
@media (max-width: 1200px) {
.milestone-two__content-inner {
padding: 30px 15px;
}
}
.milestone-two__image img {
border-radius: 10px 10px 0 0;
}
.milestone-two__icon {
position: absolute;
right: 30px;
z-index: 2;
top: -36px;
width: 72px;
height: 72px;
background: #fff;
color: var(--e-global-color-primary);
border-radius: 50%;
font-size: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
}
@media (max-width: 1200px) {
.milestone-two__icon {
width: 60px;
height: 60px;
top: -30px;
right: 15px;
font-size: 28px;
}
}
.milestone-two__number {
font-size: 22px;
font-weight: 700;
color: #fff;
font-family: var(--donatm-heading-font-family);
display: inline-block;
margin-bottom: 5px;
}
.milestone-two__title {
font-size: 16px;
line-height: 22px;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
color: #fff;
letter-spacing: -0.03em;
}
@media (max-width: 1200px) {
.milestone-two__title {
font-size: 15px;
}
}
.milestone-two__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-two__single:hover .milestone-one__icon .icon svg, .milestone-two__single:hover .milestone-one__icon .icon i {
animation: beat 1.5s ease 0s infinite;
}
.milestone-two__single:hover .milestone-one__content:before {
width: 100%;
}
.milestone-three__single {
position: relative;
}
.milestone-three__wrap {
display: flex;
align-items: center;
}
.milestone-three__content {
flex-grow: 1;
}
.milestone-three__icon {
flex: 0 0 60px;
margin-right: 20px;
color: var(--donatm-heading-color);
font-size: 60px;
line-height: 1;
}
.milestone-three__number {
font-size: 36px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
margin: 0 0 10px;
}
.milestone-three__title {
font-size: 16px;
line-height: 26px;
}
.milestone-three__link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.milestone-three__single:hover .milestone-three__icon svg, .milestone-three__single:hover .milestone-three__icon i {
animation: beat 1.5s ease 0s infinite;
}
.icon-top .milestone-three__icon {
top: -30px;
}
.gallery-one__single {
position: relative;
overflow: hidden;
margin-bottom: 30px;
border-radius: 16px;
}
.gallery-one__photo {
width: 50px;
height: 50px;
position: absolute;
top: 30px;
right: 30px;
background: var(--e-global-color-primary);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
cursor: crosshair;
opacity: 0;
border-radius: 50%;
transition: all 0.8s;
font-size: 14px;
}
.gallery-one__photo:hover {
background: var(--e-global-color-secondary);
color: #fff;
}
.gallery-one__content {
position: absolute;
bottom: 0;
left: 18px;
right: 18px;
z-index: 1;
opacity: 0;
transition: all 0.6s;
display: flex;
align-items: flex-end;
justify-content: center;
padding-top: 30px;
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/bg-gallery.png) no-repeat top center;
background-size: 100% 100%;
transform: translateY(50%);
}
.gallery-one__content-inner {
text-align: center;
padding: 20px 15px 18px;
}
@media (max-width: 1380px) {
.gallery-one__content-inner {
padding: 15px;
}
}
.gallery-one__title {
margin: 0;
font-size: 22px;
line-height: 30px;
color: #fff;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
text-transform: capitalize;
}
@media (max-width: 1380px) {
.gallery-one__title {
font-size: 18px;
line-height: 26px;
}
}
.gallery-one__sub-title {
font-size: 16px;
color: #fff;
font-weight: 400;
text-transform: capitalize;
}
@media (max-width: 1380px) {
.gallery-one__sub-title {
font-size: 14px;
}
}
.gallery-one__single:hover .gallery-one__photo {
opacity: 1;
}
.gallery-one__single:hover .gallery-one__content {
opacity: 1;
transform: translateY(0);
}
.item-active.center .gallery-one__photo {
opacity: 1;
}
.item-active.center .gallery-one__content {
opacity: 1;
transform: translateY(0);
}
.item-mt-0 .gallery-one__single {
margin-bottom: 0;
}
.gallery-two__single {
overflow: hidden;
margin-bottom: 30px;
}
.gallery-two__photo {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
z-index: 11;
color: #fff;
opacity: 0;
transition: all 0.35s;
}
.gallery-two__content {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
align-items: center;
justify-content: center;
padding: 15px 10px;
transition: all 0.5s;
text-align: center;
}
.gallery-two__title {
margin: 0;
font-size: 22px;
line-height: 30px;
color: #fff;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
text-transform: capitalize;
}
@media (max-width: 1380px) {
.gallery-two__title {
font-size: 18px;
line-height: 26px;
}
}
.gallery-two__sub-title {
font-size: 16px;
color: #fff;
font-weight: 400;
text-transform: capitalize;
}
@media (max-width: 1380px) {
.gallery-two__sub-title {
font-size: 14px;
}
}
.gallery-two__single {
position: relative;
}
.gallery-two__single:hover .gallery-two__photo {
opacity: 1;
}
.gallery-two__single:hover .gallery-two__content {
opacity: 1;
}
.item-active.center .gallery-two__photo {
opacity: 1;
}
.item-active.center .gallery-two__content {
opacity: 1;
}
.feature-one__single {
max-width: 420px;
margin: 0 auto 60px;
}
.feature-one__wrap {
position: relative;
z-index: 1;
}
.feature-one__image {
position: relative;
border-radius: 500px 500px 0 0;
overflow: hidden;
}
.feature-one__image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-primary);
z-index: 2;
opacity: 0;
transition: all 0.5s;
}
.feature-one__image img {
border-radius: 500px 500px 0 0;
position: relative;
z-index: 1;
}
.feature-one__content {
padding: 48px 15px 40px;
position: absolute;
bottom: 0;
left: 20px;
right: 20px;
z-index: 3;
transition: all 0.6s;
overflow: hidden;
text-align: center;
background: #8139E7;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-feature.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-feature.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
-webkit-mask-position: top;
mask-position: top;
}
.feature-one__title {
font-size: 24px;
line-height: 30px;
color: #fff;
font-weight: 700;
margin: 0;
font-family: var(--donatm-heading-font-family);
text-transform: capitalize;
}
@media (max-width: 1200px) {
.feature-one__title {
font-size: 20px;
}
}
.feature-one__desc {
font-size: 16px;
color: #fff;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
text-transform: capitalize;
}
.feature-one__action {
position: absolute;
bottom: -27px;
left: 50%;
z-index: 4;
transform: translateX(-50%);
}
.feature-one__action .btn-link {
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
border-radius: 50%;
background: #fff;
color: var(--donatm-heading-color);
font-size: 18px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
transition: all 0.5s;
}
.feature-one__link-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.feature-one__single:hover .feature-one__image:before, .feature-one__single.active .feature-one__image:before {
opacity: 0.26;
}
.feature-one__single:hover .feature-one__action .btn-link, .feature-one__single.active .feature-one__action .btn-link {
background: var(--e-global-color-primary);
color: #fff;
}
.gsc-heading {
display: block;
width: 100%;
margin-bottom: 38px;
}
.gsc-heading:before, .gsc-heading:after {
content: " ";
display: table;
}
.gsc-heading:after {
clear: both;
}
@media (max-width: 1024px) {
.gsc-heading {
margin-bottom: 30px;
}
}
.gsc-heading .heading-video {
margin-bottom: 50px;
}
.gsc-heading .heading-video .video-link {
display: inline-block;
font-size: 24px;
color: #fff;
background: var(--e-global-color-primary);
text-align: center;
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border-radius: 50%;
}
.gsc-heading .heading-video .video-link::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
animation: pulse-border-2 1.5s linear infinite;
}
.gsc-heading .heading-video .video-link::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
animation: pulse-border 1s linear infinite;
}
.gsc-heading .heading-video .video-link span {
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/arrow-3.png) no-repeat center center transparent;
width: 31px;
height: 45px;
position: absolute;
top: 100%;
left: 100%;
margin-left: 30px;
margin-top: -10px;
}
.gsc-heading .heading-video .video-link:hover {
transform: scale(0.9);
}
.gsc-heading .title {
font-size: 50px;
position: relative;
margin: 0;
font-weight: 700;
}
.gsc-heading .sub-title .tagline {
font-size: 16px;
font-weight: 500;
line-height: 28px;
color: var(--e-global-color-secondary);
position: relative;
}
.gsc-heading .title-desc {
line-height: 26px;
}
.gsc-heading .title-desc ul {
margin-bottom: 0;
padding: 0;
}
.gsc-heading .title-desc ul > li {
position: relative;
padding-left: 22px;
list-style: none;
padding-bottom: 6px;
}
.gsc-heading .title-desc ul > li:before {
content: '';
width: 10px;
height: 10px;
background: var(--e-global-color-primary);
position: absolute;
top: 11px;
left: 0;
z-index: 1;
}
.gsc-heading .title-desc ul > li:last-child {
padding-bottom: 0;
}
.gsc-heading .title-desc p {
margin-bottom: 0;
}
.gsc-heading .heading-action {
margin-top: 30px;
display: flex;
flex-wrap: wrap;
gap: 20px;
align-items: center;
}
@media (max-width: 767.98px) {
.gsc-heading .heading-action {
margin-top: 20px;
}
}
.gsc-heading .heading-action .video-link {
width: 48px;
height: 48px;
border-radius: 50%;
position: relative;
display: block;
text-align: center;
line-height: 46px;
}
.gsc-heading .heading-action .video-link::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
animation: pulse-border-2 1.5s linear infinite;
}
.gsc-heading .heading-action .video-link::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
border-radius: 50%;
opacity: 0;
animation: pulse-border 1s linear infinite;
}
.gsc-heading .heading-action .style_btn-de .givewp-donation-form-modal__open {
border-radius: 0;
background: none;
color: var(--e-global-color-secondary) !important;
padding: 0 !important;
border-bottom: 1px solid var(--e-global-color-secondary);
font-size: 18px;
line-height: 22px;
box-shadow: none;
}
.gsc-heading .heading-action .style_btn-de .givewp-donation-form-modal__open:before {
display: none;
}
.gsc-heading .heading-action .style_btn-de .givewp-donation-form-modal__open:hover, .gsc-heading .heading-action .style_btn-de .givewp-donation-form-modal__open:active, .gsc-heading .heading-action .style_btn-de .givewp-donation-form-modal__open:focus {
color: var(--e-global-color-primary) !important;
border-bottom-color: var(--e-global-color-primary) !important;
padding: 0 0 5px !important;
}
.gsc-heading.align-center {
text-align: center;
}
.gsc-heading.align-center .sub-title {
justify-content: center;
}
.gsc-heading.align-center .content-inner {
margin: 0 auto;
}
.gsc-heading.align-left {
text-align: left;
}
.gsc-heading.align-left .title-icon {
padding-left: 50px;
}
.gsc-heading.align-right {
text-align: right;
}
.gsc-heading.align-right .title-desc {
float: right;
width: 100%;
text-align: right;
}
.gsc-heading.align-right .title-icon {
padding-right: 50px;
}
.gsc-heading.box-align-center .content-inner {
margin: 0 auto;
}
.gsc-heading.box-align-right .content-inner {
float: right;
}
.gsc-heading.style-1 .sub-title .tagline {
display: inline-flex;
gap: 8px;
}
.gsc-heading.style-1 .sub-title .tagline::before, .gsc-heading.style-1 .sub-title .tagline:after {
display: inline-block;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f004";
}
.gsc-heading.style-1 .title em {
font-style: normal;
color: var(--donatm-color-three);
}
.gsc-heading.style-1.align-left .sub-title .tagline:after, .gsc-heading.style-1.align-center .sub-title .tagline:after {
display: inline-block;
}
@media (max-width: 768px) {
.gsc-heading.style-1.align-left .sub-title .tagline:after, .gsc-heading.style-1.align-center .sub-title .tagline:after {
display: none;
}
}
@media (max-width: 1200px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 36px;
}
}
@media (max-width: 992px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 30px;
}
}
@media (max-width: 768px) {
.gsc-heading.auto-responsive.style-1 .title {
font-size: 28px;
}
}
.gsc-heading.style-2 {
margin-bottom: 30px;
}
.gsc-heading.style-2 .content-inner .title {
font-size: 24px;
font-weight: 700;
margin: 0;
}
.gsc-heading.style-2 .content-inner .title span {
position: relative;
padding-bottom: 15px;
}
.gsc-heading.style-2 .content-inner .title span:before {
content: '';
width: 83px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
bottom: 0;
left: 25px;
z-index: 1;
}
.gsc-heading.style-2 .content-inner .title span:after {
content: '';
width: 18px;
height: 2px;
background: var(--e-global-color-secondary);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
.gsc-heading.style-3 .content-inner .sub-title {
font-size: 16px;
text-transform: none;
letter-spacing: 0;
margin-bottom: 10px;
}
.gsc-heading.style-3 .content-inner .title {
font-size: 20px;
line-height: 22px;
margin: 0;
letter-spacing: 0;
}
.gsc-heading.style-3 .content-inner .title > span {
position: relative;
}
.gsc-heading.style-3 .content-inner .title > span:after {
content: '';
width: 18px;
height: 26px;
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/arrow.png) no-repeat center center transparent;
display: inline-block;
position: absolute;
top: 12px;
left: calc(100% + 12px);
}
.gsc-heading.style-4 {
margin-bottom: 0;
}
.gsc-heading.style-4 .sub-title {
line-height: 20px;
}
.gsc-heading.style-4 .tagline {
font-size: 14px;
letter-spacing: 0;
font-weight: 700;
text-transform: none;
}
.gsc-heading.style-4 .title {
font-size: 18px;
line-height: 22px;
margin: 0;
letter-spacing: 0;
color: var(--donatm-heading-color);
position: relative;
text-transform: uppercase;
}
.gsc-heading.style-4 .title span {
position: relative;
display: block;
padding-bottom: 15px;
margin-bottom: 10px;
}
.gsc-heading.style-4 .title span:before, .gsc-heading.style-4 .title span:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.gsc-heading.style-4 .title span:after {
left: 18px;
}
.gsc-heading.style-5 .sub-title .tagline {
display: inline-flex;
gap: 8px;
}
.gsc-heading.style-5 .sub-title .tagline::before, .gsc-heading.style-5 .sub-title .tagline:after {
display: inline-block;
font-weight: 900;
font-family: "Font Awesome 5 Free";
content: "\f004";
}
.gsc-heading.style-5 .title {
font-family: var(--donatm-heading-font-family);
font-size: 50px;
line-height: 60px;
}
.gsc-heading.style-large .sub-title {
margin-bottom: 20px;
}
.gsc-heading.style-large .sub-title .tagline {
display: inline-flex;
gap: 8px;
border: 1px solid var(--e-global-color-secondary);
font-family: var(--donatm-heading-font-family);
font-size: 20px;
font-weight: 600;
padding: 6px 18px;
border-radius: 30px;
}
@media (max-width: 1200px) {
.gsc-heading.style-large .sub-title .tagline {
font-size: 18px;
padding: 5px 12px;
}
}
.gsc-heading.style-large .sub-title .tagline::before {
display: inline-block;
font-weight: 900;
font-size: 18px;
font-family: "Font Awesome 5 Free";
content: "\f004";
}
.gsc-heading.style-large .title {
font-family: var(--donatm-heading-font-family);
font-size: 68px;
line-height: 86px;
}
@media (max-width: 1600px) {
.gsc-heading.style-large .title {
font-size: 58px;
line-height: 75px;
}
}
@media (max-width: 1200px) {
.gsc-heading.style-large .title {
font-size: 50px;
line-height: 68px;
}
}
@media (max-width: 1024px) {
.gsc-heading.style-large .title {
font-size: 46px;
line-height: 60px;
}
}
@media (max-width: 992px) {
.gsc-heading.style-large .title {
font-size: 40px;
line-height: 52px;
}
}
@media (max-width: 768px) {
.gsc-heading.style-large .title {
font-size: 32px;
line-height: 46px;
}
}
.style-black .gsc-heading.style-2 .content-inner .title span:before {
background: var(--e-global-color-secondary);
}
.arrow-white .gsc-heading.style-3 .content-inner .title > span:after {
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/arrow-white.png) no-repeat center center transparent !important;
}
.about-one__single {
position: relative;
text-align: center;
}
.about-one__image {
display: inline-block;
position: relative;
margin-top: 15px;
}
.about-one__image:before {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: var(--e-global-color-secondary);
border-radius: 20px;
transform: rotate(-8deg);
}
.about-one__image img {
transition: all 5s;
border-radius: 20px;
transform: rotate(-4deg);
}
.about-one__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-one__single:hover .about-one__image img {
transform: scale(1.1);
}
.about-two__single {
position: relative;
text-align: center;
}
.about-two__image {
display: inline-block;
position: relative;
margin-top: 15px;
}
.about-two__image:before {
content: "";
position: absolute;
top: 0px;
left: -15px;
width: 100%;
height: 100%;
border: 1px dashed var(--e-global-color-secondary);
border-radius: 1000px 0px 0px 1000px;
z-index: 1;
}
.about-two__image img {
transition: all 5s;
border-radius: 1000px 30px 30px 1000px;
position: relative;
z-index: 2;
}
.about-two__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-three__single {
position: relative;
}
.about-three__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-three__logo {
position: absolute;
top: 40px;
left: 257px;
z-index: 3;
}
.about-three__logo img {
animation: rotation 5s linear infinite;
}
.about-three__image {
position: relative;
z-index: 1;
}
.about-three__image .content-inner {
overflow: hidden;
display: inline-block;
width: 300px; height: 300px;
}
.about-three__image .content-inner img {
transition: all 5s;
width: 100%;
height: 100%;
object-fit: cover;
clip-path: path("M0,100 A200,200 0 0,1 200,200 L100,300 A200,200 0 0,1 0,100 Z");
}
.about-three__image-second {
position: absolute;
left: 0;
top: 234px;
z-index: 2;
}
.about-three__image-second .content-inner {
overflow: hidden;
display: inline-block;
}
.about-three__image-second .content-inner img {
animation: scaleOut 2s ease-in-out infinite;
transform: rotate(138.85deg);
}
.about-four__single {
position: relative;
max-width: 650px;
margin: 0 auto;
}
.about-four__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-four__wrap {
padding-left: 30px;
padding-right: 60px;
}
.about-four__image {
position: relative;
overflow: hidden;
}
.about-four__image img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
border-radius: 16px;
}
.about-four__image-second {
overflow: hidden;
max-width: 270px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
border-radius: 16px;
}
@media (max-width: 1024px) {
.about-four__image-second {
max-width: 220px;
}
}
@media (max-width: 992px) {
.about-four__image-second {
max-width: 180px;
}
}
@media (max-width: 480px) {
.about-four__image-second {
max-width: 145px;
}
}
.about-four__image-second img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
border: 8px solid #fff;
border-radius: 16px;
}
.about-four__content {
z-index: 1;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-align: center;
position: absolute;
bottom: 30px;
right: 0;
z-index: 2;
}
.about-four__title {
position: absolute;
z-index: 3;
left: 0;
top: 50%;
margin: 0;
clip-path: polygon(50% 20px, 100% 0, 100% 100%, 0 100%, 0 0);
padding: 60px 18px 30px;
background: var(--e-global-color-secondary);
display: inline-block;
color: #fff;
font-size: 20px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
color: #fff;
white-space: nowrap;
transform: translateY(-50%) rotate(180deg);
writing-mode: vertical-rl;
}
.about-four__video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.about-four__video .video-link {
width: 54px;
height: 54px;
border-radius: 50%;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
color: var(--e-global-color-primary);
font-size: 14px;
position: relative;
}
.about-four__video .video-link::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border-2 1.5s linear infinite;
}
.about-four__video .video-link::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border 1s linear infinite;
}
.about-five__single {
position: relative;
}
.about-five__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-five__wrap {
position: relative;
max-width: 580px;
margin: 0 auto;
padding-left: 75px;
}
.about-five__image {
position: relative;
overflow: hidden;
}
.about-five__image .content-inner {
width: 100%;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-img-1.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-img-1.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
}
.about-five__image img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
width: 100%;
height: 100%;
object-fit: cover;
}
.about-five__image-second {
overflow: hidden;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.about-five__image-second .content-inner {
width: 235px;
height: 217px;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-img-2.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-img-2.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
transform: matrix(-1, 0, 0, 1, 0, 0);
}
.about-five__image-second img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
width: 100%;
height: 100%;
object-fit: cover;
}
.about-six__single {
position: relative;
}
.about-six__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-six__wrap {
position: relative;
max-width: 539px;
margin: 0 auto;
padding-right: 50px;
}
.about-six__image {
position: relative;
overflow: hidden;
padding-left: 50px;
}
.about-six__image:before {
content: "";
position: absolute;
left: 0;
bottom: 20px;
width: 19px;
height: 30%;
border-radius: 8px;
background: #63AB45;
}
.about-six__image img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
border-radius: 20px;
}
.about-six__image-second {
overflow: hidden;
position: absolute;
z-index: 2;
bottom: 40px;
right: 0;
}
.about-six__image-second img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
border-radius: 8px;
border: 8px solid #fff;
}
.about-seven__single {
position: relative;
text-align: center;
padding-bottom: 40px;
}
.about-seven__image {
display: inline-block;
position: relative;
}
.about-seven__image:before {
content: "";
position: absolute;
top: 40px;
left: 40px;
width: 100%;
height: 100%;
border: 3px solid var(--e-global-color-secondary);
border-radius: 0 0 500px 500px;
z-index: 2;
}
.about-seven__image img {
transition: all 5s;
border-radius: 0 120px 500px 500px;
}
.about-seven__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-eight__single {
position: relative;
}
.about-eight__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.about-eight__wrap {
position: relative;
max-width: 500px;
margin: 0 auto;
padding-right: 100px;
}
.about-eight__image {
position: relative;
}
.about-eight__image:before {
content: "";
position: absolute;
top: 40px;
right: -50px;
width: 119px;
height: 50%;
display: block;
border-radius: 50px;
border: 1px dashed var(--e-global-color-secondary);
z-index: 1;
}
.about-eight__image img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
border-radius: 30px;
position: relative;
z-index: 2;
}
.about-eight__image-second {
overflow: hidden;
position: absolute;
z-index: 3;
bottom: 30px;
right: 0;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
border-radius: 20px;
}
.about-eight__image-second img {
transition: all 3s;
-moz-transition: all 3s;
-ms-transition: all 3s;
border-radius: 20px;
border: 10px solid #fff;
}
.about-nine__single {
position: relative;
}
.about-nine__image {
display: inline-block;
position: relative;
margin-top: 70px;
margin-right: 70px;
}
.about-nine__image:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 0 100%, 0 0);
background: #fff;
width: calc(100% + 70px);
height: calc(100% + 70px);
}
.about-nine__image img {
transition: all 5s;
clip-path: polygon(80% 0%, 100% 20%, 100% 100%, 0 100%, 0 0);
}
.about-nine__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 5;
}
.el-image-accordion .images-accordion-wrap {
display: flex;
height: 500px;
overflow: hidden;
}
@media (max-width: 992px) {
.el-image-accordion .images-accordion-wrap {
flex-direction: column;
height: 800px;
}
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item {
flex: 1 1 0%;
-webkit-box-flex: 1;
position: relative;
overflow: hidden;
background-size: cover;
background-position: center center;
transition: flex .4s;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: var(--e-global-color-secondary);
background: linear-gradient(180deg, rgba(222, 150, 141, 0) 0%, var(--e-global-color-secondary) 100%);
opacity: 0;
z-index: 1;
transition: all 0.35s;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__image img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__count {
font-weight: 600;
color: #fff;
position: relative;
padding-left: 15px;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__count:after {
content: '';
width: 10px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
top: 50%;
left: 0;
margin-top: -1px;
z-index: 1;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__mobile-control {
position: absolute;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
left: 15px;
top: 15px;
z-index: 11;
background: rgba(255, 255, 255, 0.8);
display: none;
transition: all 0.35s;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__mobile-control:hover, .el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__mobile-control:focus {
background: #fff;
}
@media (max-width: 992px) {
.el-image-accordion .images-accordion-wrap > .image-accordion-item .accordion-one__mobile-control {
display: block;
}
}
@media (max-width: 992px) {
.el-image-accordion .images-accordion-wrap > .image-accordion-item.active-mobile {
flex: 3 1 0% !important;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item.active-mobile .accordion-one__mobile-control {
opacity: 0;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item.active-mobile:before {
opacity: 1;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item.active-mobile .accordion-one__content-inner {
opacity: 1;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item.active-mobile .accordion-one__button {
opacity: 1;
}
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item:hover, .el-image-accordion .images-accordion-wrap > .image-accordion-item:active, .el-image-accordion .images-accordion-wrap > .image-accordion-item.active {
flex: 3 1 0%;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item:hover .accordion-one__mobile-control, .el-image-accordion .images-accordion-wrap > .image-accordion-item:active .accordion-one__mobile-control, .el-image-accordion .images-accordion-wrap > .image-accordion-item.active .accordion-one__mobile-control {
opacity: 0;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item:hover:before, .el-image-accordion .images-accordion-wrap > .image-accordion-item:active:before, .el-image-accordion .images-accordion-wrap > .image-accordion-item.active:before {
opacity: 1;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item:hover .accordion-one__content-inner, .el-image-accordion .images-accordion-wrap > .image-accordion-item:active .accordion-one__content-inner, .el-image-accordion .images-accordion-wrap > .image-accordion-item.active .accordion-one__content-inner {
opacity: 1;
}
.el-image-accordion .images-accordion-wrap > .image-accordion-item:hover .accordion-one__button, .el-image-accordion .images-accordion-wrap > .image-accordion-item:active .accordion-one__button, .el-image-accordion .images-accordion-wrap > .image-accordion-item.active .accordion-one__button {
opacity: 1;
}
.accordion-one__single {
position: relative;
width: 100%;
height: 100%;
}
.accordion-one__title {
margin: 0;
font-size: 24px;
line-height: 34px;
color: #fff;
white-space: nowrap;
}
@media (max-width: 991px) {
.accordion-one__title {
font-size: 20px;
}
}
.accordion-one__desc {
margin-top: 5px;
color: #fff;
white-space: nowrap;
}
.accordion-one__button {
position: absolute;
right: 30px;
top: 30px;
z-index: 4;
opacity: 0;
transition: all 0.35s;
}
.accordion-one__button a {
width: 54px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
font-size: 14px;
color: var(--e-global-color-primary);
background: #fff;
transition: all 0.8s;
}
.accordion-one__button a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
@media (max-width: 1024px) {
.accordion-one__button a {
width: 40px;
height: 40px;
font-size: 12px;
}
}
.accordion-one__content-inner {
z-index: 2;
position: absolute;
left: 0;
bottom: 0;
transition: all 0.35s;
padding: 30px 40px;
opacity: 0;
}
@media (max-width: 1024px) {
.accordion-one__content-inner {
padding: 15px 20px;
}
}
.accordion-one__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.accordion-one__single:hover .accordion-one__content-inner, .accordion-one__single:focus .accordion-one__content-inner, .accordion-one__single.active .accordion-one__content-inner {
opacity: 1;
}
.accordion-one__single:hover .accordion-one__button, .accordion-one__single:focus .accordion-one__button, .accordion-one__single.active .accordion-one__button {
opacity: 1;
}
@keyframes sfadeInUp {
from {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes sfadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes sfadeInRight {
from {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
@keyframes sfadeInLeft {
from {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.s__fadeInDown {
animation-name: sfadeInDown;
}
.s__fadeInUp {
animation-name: sfadeInUp;
}
.s__fadeInRight {
animation-name: sfadeInRight;
}
.s__fadeInLeft {
animation-name: sfadeInLeft;
}
.s-animation {
animation-duration: .3s;
animation-fill-mode: both;
}
.simple-slider .layer-wrap, .simple-slider .slider-overlay-1, .simple-slider .slider-overlay-2 {
opacity: 0;
transition: 0.6s;
}
.simple-slider .swiper-slide-active .layer-wrap, .simple-slider .swiper-slide-active .slider-overlay-1, .simple-slider .swiper-slide-active .slider-overlay-2 {
opacity: 1;
}
.simple-slider .swiper-content-inner {
margin: 0;
}
.simple-slider .swiper-slide {
min-height: 680px;
}
@media (max-width: 1024px) {
.simple-slider .swiper-slide {
min-height: 500px;
}
}
@media (max-width: 767px) {
.simple-slider .swiper-slide {
min-height: 400px;
}
}
.simple-slider .swiper-slide .slider-item-content {
width: 100%;
}
.simple-slider .swiper-slide .slider-image {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
z-index: 11;
}
.simple-slider .swiper-slide .slider-image img {
display: block;
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
overflow: hidden;
z-index: -1;
object-fit: cover;
object-position: center;
animation-duration: 12s;
animation-delay: 1s;
}
.simple-slider .swiper-slide .slider-content {
display: flex;
width: 100%;
justify-content: flex-start;
position: relative;
z-index: 99;
}
.simple-slider .swiper-slide .slider-content .slider-content-width {
max-width: 1140px;
width: 100%;
margin: 0 auto;
padding: 0 30px;
}
@media (max-width: 767px) {
.simple-slider .swiper-slide .slider-content .slider-content-width {
padding: 30px 15px 30px;
}
}
.simple-slider .swiper-slide .slider-content .slider-content-width.has-video {
padding-right: 120px;
position: relative;
}
@media (max-width: 560px) {
.simple-slider .swiper-slide .slider-content .slider-content-width.has-video {
padding-right: 15px;
}
}
.simple-slider .swiper-slide .slider-content .slider-content-width.has-video .slider-video {
position: absolute;
right: 15px;
top: 50%;
margin-top: -40px;
z-index: 11;
}
@media (max-width: 560px) {
.simple-slider .swiper-slide .slider-content .slider-content-width.has-video .slider-video {
margin: 20px 0;
position: initial;
}
}
.simple-slider.wrap-2 .slider-meta {
position: absolute;
bottom: 0;
right: 145px;
background: #fff;
border-radius: 30px 30px 0 0;
padding: 16px 70px 20px;
z-index: 11;
overflow: hidden;
}
@media (max-width: 1024px) {
.simple-slider.wrap-2 .slider-meta {
right: 30px;
padding: 15px 60px 15px;
}
}
@media (max-width: 767px) {
.simple-slider.wrap-2 .slider-meta {
padding: 10px 50px 10px;
}
}
.simple-slider.wrap-2 .slider-meta .swiper-nav-next, .simple-slider.wrap-2 .slider-meta .swiper-nav-prev {
opacity: 1;
border: none;
color: #767682;
width: 38px;
height: 36px;
line-height: 36px;
margin-top: -15px;
}
.simple-slider.wrap-2 .slider-meta .swiper-nav-next:hover, .simple-slider.wrap-2 .slider-meta .swiper-nav-next:active, .simple-slider.wrap-2 .slider-meta .swiper-nav-prev:hover, .simple-slider.wrap-2 .slider-meta .swiper-nav-prev:active {
background: none;
color: var(--e-global-color-primary);
border: none;
}
.simple-slider.wrap-2 .slider-meta .swiper-nav-next:after {
font-family: 'cicomoon';
content: "\f11f";
font-size: 13px;
}
@media (max-width: 1024px) {
.simple-slider.wrap-2 .slider-meta .swiper-nav-next:after {
font-size: 18px;
}
}
.simple-slider.wrap-2 .slider-meta .swiper-nav-prev:after {
font-family: 'cicomoon';
content: "\f129";
font-size: 13px;
}
@media (max-width: 1024px) {
.simple-slider.wrap-2 .slider-meta .swiper-nav-prev:after {
font-size: 18px;
}
}
.simple-slider.wrap-2 .slider-meta .swiper-pagination {
position: relative;
top: 4px;
left: 0;
line-height: 1;
}
.simple-slider.wrap-2 .slider-meta .swiper-pagination > span:after {
background: #DDDDDD;
}
.simple-slider.wrap-2 .slider-meta .swiper-pagination > span.swiper-pagination-bullet-active {
border-color: #DDDDDD;
}
.simple-slider.wrap-2 .slider-meta .swiper-pagination > span.swiper-pagination-bullet-active:after {
background: var(--e-global-color-primary);
}
.simple-slider .layer-wrap.slider-video .popup-video {
display: inline-block;
font-size: 20px;
color: var(--e-global-color-primary);
background: #fff;
text-align: center;
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 80px;
height: 80px;
line-height: 80px;
border-radius: 50%;
}
@media (max-width: 1024px) {
.simple-slider .layer-wrap.slider-video .popup-video {
width: 70px;
height: 70px;
line-height: 70px;
}
}
@media (max-width: 560px) {
.simple-slider .layer-wrap.slider-video .popup-video {
width: 56px;
height: 56px;
line-height: 56px;
}
}
.simple-slider .layer-wrap.slider-video .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border-2 1.5s linear infinite;
}
.simple-slider .layer-wrap.slider-video .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border 1s linear infinite;
}
.simple-slider .layer-wrap.slider-video .popup-video:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.simple-slider .layer-wrap.slider-action .layer-inner .btn-slider-2 {
color: #fff;
font-size: 16px;
font-weight: 600;
border-bottom: 1px solid rgba(255, 255, 255, 0.36);
white-space: nowrap;
margin-top: 10px;
display: inline-block;
}
.simple-slider .layer-wrap.slider-action .layer-inner .action-donate {
display: inline-block;
width: auto;
margin-right: 30px;
padding-top: 10px;
}
@media (max-width: 1024px) {
.simple-slider .layer-wrap.slider-action .layer-inner .action-donate {
margin-right: 10px;
}
}
.simple-slider .layer-wrap.slider-action .layer-inner .action-donate .root-data-givewp-embed {
display: inline-block;
width: auto;
}
.simple-slider .layer-wrap.slider-action .layer-inner .action-donate .givewp-donation-form-modal__open {
line-height: 40px;
}
.simple-slider .layer-wrap.slider-action .layer-inner .action-donate .givewp-donation-form-modal__open:before {
width: 40px;
height: 40px;
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap .slider-caption:not(a) {
color: #fff;
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.sub-title .slider-caption {
font-size: 20px;
font-weight: 700;
overflow: hidden;
padding: 6px 16px;
border-radius: 30px;
color: var(--e-global-color-secondary);
font-family: var(--donatm-heading-font-family);
border: 1px solid var(--e-global-color-secondary);
display: inline-block;
}
@media (max-width: 1024px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.sub-title .slider-caption {
font-size: 16px;
padding: 5px 10px;
}
}
@media (max-width: 768px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.sub-title .slider-caption {
font-size: 14px;
}
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title {
font-size: 72px;
line-height: 80px;
font-weight: 700;
letter-spacing: -3px;
overflow: hidden;
padding: 10px 0;
font-family: var(--donatm-heading-font-family);
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title span {
color: var(--e-global-color-primary);
}
@media (max-width: 1200px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title {
font-size: 65px;
line-height: 72px;
}
}
@media (max-width: 1024px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title {
font-size: 58px;
line-height: 62px;
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title br {
display: none;
}
}
@media (max-width: 992px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title {
font-size: 50px;
line-height: 60px;
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title br {
display: none;
}
}
@media (max-width: 767px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title {
font-size: 30px;
line-height: 40px;
letter-spacing: -1.5px;
}
}
@media (max-width: 480px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.title {
font-size: 22px;
line-height: 30px;
}
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.desc {
line-height: 30px;
overflow: hidden;
margin-top: 15px;
}
@media (max-width: 1024px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.desc {
font-size: 14px;
line-height: 26px;
margin-top: 5px;
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.desc br {
display: none;
}
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.slider-action {
margin-top: 30px;
}
@media (max-width: 1024px) {
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.slider-action {
margin-top: 15px;
}
}
.simple-slider .slider-item-content:not(.slide-style-3) .layer-wrap.slider-action .layer-inner > a {
margin-right: 20px;
margin-bottom: 10px;
}
.simple-slider .slide-style-1 .slider-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 22;
background: #122F2A;
background: linear-gradient(90deg, #122f2a 20%, rgba(18, 47, 42, 0.26) 100%);
}
.simple-slider .slide-style-1 .slider-overlay-1 {
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/layers/layer-1.png) no-repeat top left transparent;
background-size: 100%;
position: absolute;
top: 0;
left: 0;
width: 620px;
height: 686px;
z-index: 33;
}
@media (max-width: 1024px) {
.simple-slider .slide-style-1 .slider-overlay-1 {
width: 500px;
height: 555px;
}
}
@media (max-width: 768px) {
.simple-slider .slide-style-1 .slider-overlay-1 {
width: 400px;
height: 445px;
}
}
@media (max-width: 640px) {
.simple-slider .slide-style-1 .slider-overlay-1 {
width: 300px;
height: 335px;
}
}
.simple-slider .slide-style-1 .slider-overlay-2 {
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/layers/layer-2.png) no-repeat top left transparent;
background-size: 100%;
position: absolute;
bottom: 0;
right: 0;
width: 480px;
height: 528px;
z-index: 33;
}
@media (max-width: 1024px) {
.simple-slider .slide-style-1 .slider-overlay-2 {
width: 400px;
height: 440px;
}
}
@media (max-width: 768px) {
.simple-slider .slide-style-1 .slider-overlay-2 {
width: 360px;
height: 396px;
}
}
.simple-slider .slide-style-2 .slider-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 22;
background: linear-gradient(90deg, #122F2A 0%, rgba(18, 47, 42, 0) 60%);
}
.simple-slider .slide-style-2 .slider-image:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
background: linear-gradient(-45deg, #6A4F3F 0%, #1F534A 100%);
mix-blend-mode: color;
}
.simple-slider .slide-style-2 .slider-image img {
position: relative;
z-index: 9;
}
.simple-slider .slide-style-2 .slider-overlay-1, .simple-slider .slide-style-2 .slider-overlay-2 {
background-size: cover;
position: absolute;
z-index: 33;
}
.simple-slider .slide-style-2 .slider-overlay-1 {
display: none;
}
.simple-slider .slide-style-2 .slider-overlay-2 {
display: none;
}
.simple-slider .slide-style-3 .slider-overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 22;
background: linear-gradient(90deg, #122f2a 20%, rgba(18, 47, 42, 0.26) 100%);
opacity: 0.8;
}
.simple-slider .slide-style-3 .slider-overlay-1 {
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/layers/layer-1.png) no-repeat top left transparent;
background-size: 100%;
position: absolute;
top: 0;
left: 0;
width: 620px;
height: 686px;
z-index: 33;
}
@media (max-width: 1024px) {
.simple-slider .slide-style-3 .slider-overlay-1 {
width: 500px;
height: 555px;
}
}
@media (max-width: 768px) {
.simple-slider .slide-style-3 .slider-overlay-1 {
width: 400px;
height: 445px;
}
}
@media (max-width: 640px) {
.simple-slider .slide-style-3 .slider-overlay-1 {
width: 300px;
height: 335px;
}
}
.simple-slider .slide-style-3 .slider-overlay-2 {
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/layers/layer-2.png) no-repeat top left transparent;
background-size: 100%;
position: absolute;
bottom: 0;
right: 0;
width: 480px;
height: 528px;
z-index: 33;
}
@media (max-width: 1024px) {
.simple-slider .slide-style-3 .slider-overlay-2 {
width: 220px;
height: 342px;
}
}
@media (max-width: 768px) {
.simple-slider .slide-style-3 .slider-overlay-2 {
width: 200px;
height: 310px;
}
}
.simple-slider .slide-style-3 .slider-content {
padding-bottom: 60px;
}
.simple-slider .slide-style-3 .layer-wrap .slider-caption:not(a) {
color: #fff;
}
.simple-slider .slide-style-3 .layer-wrap.sub-title {
padding: 10px 0;
}
.simple-slider .slide-style-3 .layer-wrap.sub-title .slider-caption {
display: inline-block;
border: 1px solid var(--e-global-color-secondary);
border-radius: 30px;
padding: 6px 20px;
color: var(--e-global-color-secondary);
font-weight: 600;
}
.simple-slider .slide-style-3 .layer-wrap.title {
font-size: 40px;
font-weight: 700;
letter-spacing: 0;
line-height: 48px;
padding: 10px 0 0;
font-family: var(--donatm-heading-font-family);
}
@media (max-width: 767px) {
.simple-slider .slide-style-3 .layer-wrap.title {
font-size: 30px;
line-height: 40px;
letter-spacing: -1.5px;
}
}
@media (max-width: 480px) {
.simple-slider .slide-style-3 .layer-wrap.title {
font-size: 22px;
line-height: 30px;
}
}
.simple-slider .slide-style-3 .layer-wrap.desc {
line-height: 16px;
line-height: 30px;
overflow: hidden;
margin-top: 15px;
}
@media (max-width: 1024px) {
.simple-slider .slide-style-3 .layer-wrap.desc {
font-size: 14px;
line-height: 26px;
margin-top: 5px;
}
.simple-slider .slide-style-3 .layer-wrap.desc br {
display: none;
}
}
.simple-slider .slide-style-3 .layer-wrap.slider-action {
margin-top: 30px;
}
@media (max-width: 1024px) {
.simple-slider .slide-style-3 .layer-wrap.slider-action {
margin-top: 15px;
}
}
.simple-slider .slide-style-3 .layer-wrap.slider-action .layer-inner > a {
margin-right: 20px;
margin-bottom: 10px;
}
.simple-slider .item-wrap-style-3 {
align-items: flex-end;
}
.simple-slider .swiper-slide {
width: 100%;
}
.simple-slider .swiper-pagination {
text-align: center;
position: absolute;
bottom: 30px;
width: 100%;
}
.simple-slider .swiper-pagination > span {
margin: 0 1px;
width: 26px;
height: 26px;
border: 1px solid transparent;
border-radius: 50%;
transition: all 0.35s;
opacity: 1;
position: relative;
background: transparent;
}
.simple-slider .swiper-pagination > span:after {
content: '';
width: 10px;
height: 10px;
border-radius: 50%;
background: #fff;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.simple-slider .swiper-pagination > span.swiper-pagination-bullet-active {
border-color: rgba(255, 255, 255, 0.6);
}
.simple-slider .swiper-pagination > span.swiper-pagination-bullet-active:after {
background: var(--e-global-color-primary);
}
.simple-slider .swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%) !important;
white-space: nowrap;
}
.simple-slider .swiper-pagination-bullets-dynamic span {
transition: .3s transform,.3s left;
}
.simple-slider .swiper-nav-next, .simple-slider .swiper-nav-prev {
width: 42px;
height: 42px;
line-height: 41px;
position: absolute;
top: 50%;
margin-top: -21px;
border-radius: 6px;
border: 2px solid #fff;
box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
background: #F5F7F6;
font-size: 13px;
color: var(--donatm-heading-color);
transition: all 0.35s;
display: inline-block;
background-size: 10px;
opacity: 0;
z-index: 9;
}
@media (max-width: 1200px) {
.simple-slider .swiper-nav-next, .simple-slider .swiper-nav-prev {
width: 38px;
height: 38px;
line-height: 36px;
font-size: 12px;
margin-top: -20px;
}
}
.simple-slider .swiper-nav-next:after, .simple-slider .swiper-nav-prev:after {
font-family: 'dicomoon';
text-align: center;
font-weight: 900;
display: inline-block;
width: 100%;
}
.simple-slider .swiper-nav-next:hover, .simple-slider .swiper-nav-prev:hover {
background: var(--e-global-color-primary);
color: #fff;
border-color: var(--e-global-color-primary);
}
.simple-slider .swiper-nav-next {
right: 15px !important;
}
@media (max-width: 1200px) {
.simple-slider .swiper-nav-next {
right: 5px !important;
}
}
.simple-slider .swiper-nav-next:after {
content: "\f11f";
}
.simple-slider .swiper-nav-prev {
left: 15px !important;
}
@media (max-width: 1200px) {
.simple-slider .swiper-nav-prev {
left: 5px !important;
}
}
.simple-slider .swiper-nav-prev:after {
content: '\f129';
}
.simple-slider:hover .swiper-nav-next, .simple-slider:hover .swiper-nav-prev {
opacity: 1;
}
.simple-slider-preloader {
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
transition: all 0.35s linear;
transition-delay: 0.36s;
}
.swiper-container-initialized .simple-slider-preloader, .swiper-initialized .simple-slider-preloader {
opacity: 0;
visibility: hidden;
}
.slider-radius.elementor-widget-gva-simple-slider {
border-radius: 30px;
overflow: hidden;
}
.gva-posts-grid .posts-grid-filter {
margin-bottom: 15px;
width: 100%;
float: left;
}
.gva-posts-grid .posts-grid-filter ul.nav-tabs {
display: inline-block;
text-align: left;
float: left;
padding-top: 15px;
}
.gva-posts-grid .posts-grid-filter ul.nav-tabs > li > a {
background: none;
font-weight: 500;
color: #122F2A;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
text-transform: uppercase;
padding: 0 10px;
}
.gva-posts-grid .posts-grid-filter ul.nav-tabs > li > a.active {
color: var(--e-global-color-primary);
}
.gva-posts-grid .posts-grid-filter .view-all {
float: right;
}
.gva-posts-grid .gva-content-items {
float: left;
width: 100%;
}
.gva-posts-sticky .gva-content-items {
position: relative;
float: left;
width: 100%;
}
.gva-posts-sticky .gva-content-items .first-post {
overflow: hidden;
padding-bottom: 30px;
flex: 0 0 50%;
max-width: 50%;
}
@media (max-width: 920px) {
.gva-posts-sticky .gva-content-items .first-post {
flex: 0 0 100%;
max-width: 100%;
position: relative;
padding-bottom: 0;
}
}
.gva-posts-sticky .gva-content-items .first-post .post-five__single {
height: 100%;
width: 100%;
}
@media (max-width: 920px) {
.gva-posts-sticky .gva-content-items .first-post .post-five__single {
height: auto;
}
}
.gva-posts-sticky .gva-content-items .first-post .post-five__thumbnail {
height: 100%;
}
@media (max-width: 920px) {
.gva-posts-sticky .gva-content-items .first-post .post-five__thumbnail {
height: 360px;
}
}
.gva-posts-sticky .gva-content-items .first-post .post-five__thumbnail a {
height: 100%;
}
@media (max-width: 920px) {
.gva-posts-sticky .gva-content-items .first-post .post-five__content {
width: 100%;
height: auto;
display: block;
}
}
.gva-posts-sticky .gva-content-items .list-post {
flex: 0 0 50%;
max-width: 50%;
}
@media (max-width: 920px) {
.gva-posts-sticky .gva-content-items .list-post {
flex: 0 0 100%;
max-width: 100%;
}
}
.gva-posts-list-small .gva-content-items > .post:last-child {
margin-bottom: 0;
}
.gsc-marquee {
position: relative;
}
.gsc-marquee .marquee-text {
font-weight: 700;
font-size: 80px;
line-height: 1;
display: flex;
align-items: center;
white-space: nowrap;
font-family: var(--donatm-heading-font-family);
}
@media (max-width: 1200px) {
.gsc-marquee .marquee-text {
font-size: 65px;
}
}
@media (max-width: 1024px) {
.gsc-marquee .marquee-text {
font-size: 55px;
}
}
@media (max-width: 992px) {
.gsc-marquee .marquee-text {
font-size: 50px;
}
}
@media (max-width: 768px) {
.gsc-marquee .marquee-text {
font-size: 42px;
}
}
.gsc-marquee .marquee-text .js-marquee-wrapper {
display: flex;
}
.gsc-marquee .marquee-text .js-marquee > .marquee-item:nth-child(odd) {
color: var(--e-global-color-secondary);
-webkit-text-fill-color: white;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--e-global-color-secondary);
}
.gsc-marquee .marquee-text .js-marquee > .marquee-item:nth-child(even) {
color: var(--donatm-heading-color);
}
.gsc-marquee .marquee-text .marquee-item {
position: relative;
transition: all 0.35s;
}
.gsc-marquee .marquee-text .marquee-item .marquee-title {
position: relative;
}
.gsc-marquee .marquee-text .marquee-item .marquee-dot {
width: 24px;
height: 24px;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/marquee-dot.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/marquee-dot.png);
background: var(--e-global-color-secondary);
display: inline-block;
transform: translateY(-50%);
margin: 0 12px;
}
.gsc-marquee .marquee-text .marquee-item .marquee-image {
opacity: 0;
transition: all 0.6s;
position: absolute;
top: 50%;
left: 50%;
width: 138px;
height: 138px;
margin-left: -69px;
margin-top: -69px;
transform: scale(0.6);
border-radius: 50%;
visibility: hidden;
z-index: 11;
overflow: hidden;
}
.gsc-marquee .marquee-text .marquee-item .marquee-image img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
transition: all 2s;
}
.gsc-marquee .marquee-text .marquee-item:hover {
color: var(--e-global-color-primary);
}
.gsc-marquee .marquee-text .marquee-item:hover .marquee-image {
opacity: 1;
visibility: visible;
transform: scale(1);
}
.gsc-marquee .marquee-text .marquee-item:hover .marquee-image img {
transform: translate(-50%, -50%) scale(1.15);
}
.testimonial-one__single {
position: relative;
margin-bottom: 30px;
margin-top: 10px;
background: #fff;
box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.06);
border-radius: 12px;
padding: 50px 40px;
}
@media (max-width: 1600px) {
.testimonial-one__single {
padding: 30px 15px;
}
}
.testimonial-one__content {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
@media (max-width: 400px) {
.testimonial-one__content {
display: block;
}
}
.testimonial-one__meta {
display: flex;
align-items: center;
}
.testimonial-one__image {
flex: 0 0 60px;
margin-right: 15px;
border-radius: 50%;
}
.testimonial-one__image img {
border-radius: 50%;
}
.testimonial-one__icon {
font-size: 45px;
line-height: 1;
color: var(--e-global-color-primary);
margin-bottom: 25px;
display: block;
order: 2;
}
.testimonial-one__name {
font-size: 20px;
font-weight: 700;
color: var(--donatm-heading-color);
display: block;
margin: 0;
font-family: var(--donatm-heading-font-family);
}
@media (max-width: 1024px) {
.testimonial-one__name {
font-size: 18px;
}
}
.testimonial-one__job {
font-size: 16px;
font-weight: 400;
display: block;
font-family: var(--donatm-heading-font-family);
}
.testimonial-one__stars {
font-size: 18px;
letter-spacing: 0.5px;
margin-bottom: 20px;
}
.testimonial-one__stars i {
color: #ffa31a;
}
.testimonial-one__quote {
font-size: 18px;
line-height: 30px;
color: var(--donatm-link-color);
display: block;
}
.dot-left .swiper-slider-wrapper .swiper-pagination {
justify-content: flex-start;
}
.testimonial-two__single {
position: relative;
margin-bottom: 30px;
}
.testimonial-two__content {
margin-top: 26px;
}
.testimonial-two__meta {
display: flex;
align-items: center;
}
.testimonial-two__image {
flex: 0 0 82px;
margin-right: 20px;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-testimonial.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-testimonial.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
mask-position: center;
-webkit-mask-position: center;
width: 81px;
height: 89px;
}
.testimonial-two__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
}
.testimonial-two__icon {
font-size: 32px;
line-height: 1;
color: var(--e-global-color-secondary);
display: block;
}
.testimonial-two__name {
font-size: 20px;
font-weight: 700;
display: block;
margin: 0;
color: var(--donatm-heading-color);
font-family: var(--donatm-heading-font-family);
}
.testimonial-two__job {
font-size: 15px;
font-weight: 400;
display: block;
}
.testimonial-two__quote {
margin-top: 10px;
font-size: 19px;
font-weight: 400;
line-height: 38px;
display: block;
}
@media (max-width: 1024px) {
.testimonial-two__quote {
font-size: 18px;
line-height: 34px;
}
}
.testimonial-two__single:hover:before {
transform: translate3d(0, 0, 0);
}
.testimonial-three__single {
margin-bottom: 60px;
position: relative;
}
.testimonial-three__wrap {
padding: 40px;
border-radius: 20px;
background: #FFFFFF;
box-shadow: 0px 25px 20px rgba(0, 0, 0, 0.06);
position: relative;
border: 1px solid rgba(0, 0, 0, 0.08);
}
@media (max-width: 1200px) {
.testimonial-three__wrap {
padding: 30px 15px;
}
}
.testimonial-three__wrap:before {
content: "";
position: absolute;
left: 15%;
top: 100%;
width: 0;
height: 0;
border-top: 30px solid #fff;
border-right: 30px solid transparent;
}
.testimonial-three__content {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 20px;
}
@media (max-width: 767px) {
.testimonial-three__content {
display: block;
}
}
.testimonial-three__meta {
display: flex;
align-items: center;
gap: 20px;
}
.testimonial-three__stars {
margin-top: 5px;
font-size: 16px;
letter-spacing: 1px;
}
.testimonial-three__stars i {
color: var(--e-global-color-secondary);
}
.testimonial-three__name {
margin: 0;
font-size: 20px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
color: var(--donatm-heading-color);
}
.testimonial-three__job {
font-size: 16px;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
}
.testimonial-three__image {
flex: 0 0 100px;
width: 100px;
height: 100px;
position: relative;
border-radius: 50%;
overflow: hidden;
}
.testimonial-three__image img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
margin: 0;
z-index: 1;
}
.testimonial-three__quote {
margin-top: 20px;
font-weight: 400;
font-size: 18px;
line-height: 28px;
font-family: var(--donatm-font-sans-serif);
}
.testimonial-three__icon {
font-size: 50px;
color: var(--e-global-color-secondary);
}
.testimonial-four__single {
position: relative;
margin-bottom: 30px;
}
.testimonial-four__wrap {
background: #fff;
border-radius: 16px;
padding: 40px;
padding-top: 0;
margin-top: 60px;
}
.testimonial-four__content {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.testimonial-four__meta {
margin-top: -60px;
text-align: center;
width: 100%;
flex: 0 0 100%;
}
.testimonial-four__stars {
margin-bottom: 20px;
font-size: 16px;
letter-spacing: 1px;
text-align: right;
}
.testimonial-four__stars i {
color: #F7921E;
}
.testimonial-four__name {
margin: 15px 0 0;
font-size: 20px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
color: var(--donatm-heading-color);
}
.testimonial-four__job {
font-size: 16px;
font-weight: 400;
}
.testimonial-four__information {
width: 100%;
flex: 0 0 100%;
text-align: center;
margin-bottom: 20px;
}
.testimonial-four__image {
width: 116px;
height: 116px;
position: relative;
border-radius: 50%;
overflow: hidden;
border: 1px solid var(--e-global-color-primary);
padding: 10px;
display: inline-block;
}
.testimonial-four__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: 50%;
}
.testimonial-four__quote {
font-weight: 600;
font-size: 16px;
line-height: 28px;
text-align: center;
}
.testimonial-four__icon {
font-size: 45px;
color: var(--e-global-color-primary);
position: absolute;
left: 30px;
top: 20px;
z-index: 1;
}
.gsc-testimonial.style-2 .swiper-nav-next {
right: 0 !important;
left: auto !important;
bottom: 0;
top: auto !important;
opacity: 1;
margin-bottom: 50px;
background: none;
border: 1px solid var(--e-global-color-secondary);
color: var(--e-global-color-secondary);
}
@media (max-width: 550px) {
.gsc-testimonial.style-2 .swiper-nav-next {
display: none;
}
}
.gsc-testimonial.style-2 .swiper-nav-next:hover {
border-color: var(--e-global-color-primary);
}
.gsc-testimonial.style-2 .swiper-nav-prev {
right: 60px !important;
left: auto !important;
top: auto !important;
bottom: 0;
opacity: 1;
margin-bottom: 50px;
background: none;
border: 1px solid var(--e-global-color-secondary);
color: var(--e-global-color-secondary);
}
@media (max-width: 550px) {
.gsc-testimonial.style-2 .swiper-nav-prev {
display: none;
}
}
.gsc-testimonial.style-2 .swiper-nav-prev:hover {
border-color: var(--e-global-color-primary);
}
.video-one__single {
position: relative;
padding-bottom: 20px;
padding-left: 20px;
margin-bottom: 30px;
}
.video-one__inner {
min-height: 120px;
min-width: 120px;
text-align: center;
}
.video-one__inner:after {
content: '';
position: absolute;
top: 50px;
right: 190px;
bottom: 0;
left: 0;
background: var(--e-global-color-primary);
z-index: -1;
border-radius: 10px;
}
@media (max-width: 991.98px) {
.video-one__inner {
min-height: 100px;
min-width: 100px;
}
}
@media (max-width: 767.98px) {
.video-one__inner {
min-height: 80px;
min-width: 80px;
}
}
@media (max-width: 575.98px) {
.video-one__inner {
min-height: 60px;
min-width: 60px;
}
}
.video-one__image {
overflow: hidden;
border-radius: 10px;
}
.video-one__content {
position: absolute;
bottom: 0;
right: 0;
z-index: 11;
}
.video-one__content > div {
display: inline-block;
}
.video-one__title {
font-size: 25px;
color: #fff;
font-weight: 500;
}
@media (max-width: 600px) {
.video-one__title {
display: none;
}
}
.video-one__action .popup-video {
display: inline-block;
font-size: 28px;
color: var(--e-global-color-primary);
background: #fff;
text-align: center;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 138px;
height: 138px;
line-height: 138px;
border-radius: 8px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1024px) {
.video-one__action .popup-video {
width: 100px;
height: 100px;
line-height: 100px;
}
}
.video-one__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
opacity: 0;
border-radius: 8px;
animation: pulse-border-2 1.5s linear infinite;
}
.video-one__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid var(--e-global-color-primary);
opacity: 0;
border-radius: 8px;
animation: pulse-border 1s linear infinite;
}
.video-one__single:hover .video-one__action .popup-video {
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.2);
transform: scale(1.1);
}
.video-two__single {
display: flex;
align-items: center;
justify-content: center;
}
.video-two__content {
width: 154px;
height: 154px;
position: relative;
display: flex;
align-items: center;
justify-items: center;
border-radius: 50%;
border: 1px solid var(--e-global-color-secondary);
}
@media (max-width: 1200px) {
.video-two__content {
width: 120px;
height: 120px;
}
}
@media (max-width: 1024px) {
.video-two__content {
width: 110px;
height: 110px;
}
}
.video-two__content:before {
content: "";
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 50%;
border: 1px solid #fff;
display: block;
}
.video-two__action {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
z-index: 11;
border-radius: 50%;
}
.video-two__icon {
width: 78px;
height: 78px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #fff;
border-radius: 50%;
font-size: 24px;
color: #fff;
}
@media (max-width: 1200px) {
.video-two__icon {
width: 60px;
height: 60px;
font-size: 22px;
}
}
@media (max-width: 1024px) {
.video-two__icon {
width: 40px;
height: 40px;
font-size: 20px;
}
}
.video-two__link {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 11;
}
.video-two__title {
fill: #fff;
font-size: 20px;
letter-spacing: 2px;
}
.video-two__rotatingText {
animation-name: rotate-circle;
animation-duration: 10s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.video-three__single {
position: relative;
}
.video-three__inner {
min-height: 120px;
min-width: 120px;
text-align: center;
position: relative;
}
@media (max-width: 767.98px) {
.video-three__inner {
min-height: 80px;
min-width: 80px;
}
}
.video-three__image {
overflow: hidden;
position: relative;
border-radius: 7px;
}
.video-three__image a {
display: block;
width: 100%;
height: 100%;
}
.video-three__image a img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 7px;
}
.video-three__image:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.2;
z-index: 1;
mix-blend-mode: multiply;
border-radius: 7px;
background-color: #1e2845;
}
.video-three__content {
position: absolute;
bottom: 0;
right: 0;
z-index: 2;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.video-three__title {
font-size: 25px;
color: #fff;
font-weight: 500;
}
@media (max-width: 600px) {
.video-three__title {
display: none;
}
}
.video-three__action .popup-video {
display: inline-block;
font-size: 27px;
color: #fff;
background: rgba(125, 113, 112, 0.8);
text-align: center;
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 102px;
height: 102px;
border: 1px solid #fff;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
@media (max-width: 767.98px) {
.video-three__action .popup-video {
height: 80px;
width: 80px;
font-size: 20px;
}
}
.video-three__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border-2 1.5s linear infinite;
}
.video-three__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border 1s linear infinite;
}
.video-four__content {
display: flex;
align-items: center;
}
.video-four__action a {
margin-right: 15px;
font-size: 35px;
color: #e53935;
}
.video-four__title {
letter-spacing: -0.6px;
font-size: 20px;
font-weight: 700;
color: var(--donatm-heading-color);
}
.video-five__content {
position: relative;
min-height: 300px;
display: flex;
align-items: center;
}
.video-five__content:before {
content: "";
position: absolute;
bottom: 0;
right: 100%;
margin-right: -100px;
width: 320px;
height: 320px;
display: block;
border-radius: 50%;
opacity: 0.2;
border: solid 1px #fff;
}
@media (max-width: 1024px) {
.video-five__content {
min-height: 235px;
}
}
.video-five__action {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.video-five__action .popup-video {
display: inline-block;
font-size: 26px;
color: #fff;
background: var(--e-global-color-primary);
text-align: center;
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
width: 100px;
height: 100px;
line-height: 1;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.video-five__action .popup-video::before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border-2 1.5s linear infinite;
}
.video-five__action .popup-video::after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border: 1px solid #fff;
opacity: 0;
border-radius: 50%;
animation: pulse-border 1s linear infinite;
}
.video-five__title {
width: 100%;
opacity: 0.2;
color: #fff;
font-size: 220px;
line-height: 1;
font-weight: 700;
text-align: center;
}
@media (max-width: 1024px) {
.video-five__title {
font-size: 180px;
}
}
@media (max-width: 767px) {
.video-five__title {
font-size: 100px;
}
}
.gsc-search-box.style-1 > .content-inner {
display: inline-block;
}
.gsc-search-box.style-1 > .content-inner .control-search {
position: relative;
line-height: 1;
font-size: 16px;
}
.gsc-search-box.style-1 > .content-inner .control-search:hover {
color: var(--e-global-color-primary);
}
.gsc-pricing {
transition: all 0.35s;
}
.gsc-pricing.style-1 {
background: #fff;
padding: 55px 35px 60px;
position: relative;
box-shadow: 0px 10px 30px 0px rgba(65, 80, 138, 0.1);
}
@media (max-width: 1024.98px) {
.gsc-pricing.style-1 {
padding: 55px 20px 60px;
}
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 {
padding: 60px 15px 40px;
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 767.98px) {
.gsc-pricing.style-1 {
padding-left: 15px;
padding-right: 15px;
}
}
.gsc-pricing.style-1 .content-inner {
max-width: 260px;
margin: 0 auto;
}
.gsc-pricing.style-1 .content-inner .sub-title {
font-size: 13px;
text-transform: uppercase;
padding: 0 16px;
line-height: 26px;
border-radius: 30px;
background: var(--e-global-color-primary);
display: inline-block;
color: #fff;
font-weight: 500;
position: absolute;
top: 15px;
right: 15px;
letter-spacing: 1px;
}
.gsc-pricing.style-1 .content-inner .plan-price {
padding-bottom: 15px;
color: #122F2A;
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .currency {
font-size: 22px;
position: relative;
top: -20px;
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
line-height: 1;
margin-bottom: 10px;
font-weight: 400;
font-size: 60px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
font-size: 45px;
}
}
@media (max-width: 767.98px) {
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .price {
font-size: 38px;
}
}
.gsc-pricing.style-1 .content-inner .plan-price .plan-price-inner .interval {
font-size: 11px;
text-transform: uppercase;
font-weight: 500;
}
.gsc-pricing.style-1 .content-inner .title {
color: var(--e-global-color-primary);
font-size: 15px;
font-weight: 700;
margin: 0 0 18px;
letter-spacing: 5px;
text-transform: uppercase;
}
.gsc-pricing.style-1 .content-inner .desc {
font-size: 17px;
font-weight: 500;
line-height: 24px;
}
.gsc-pricing.style-1 .content-inner .plan-list {
list-style-type: none;
padding: 0;
margin: 25px 0 8px;
font-size: 17px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list {
font-size: 15px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li {
position: relative;
padding: 10px 0 10px 30px;
line-height: 24px;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list li {
padding: 6px 0 6px 26px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li:after {
content: '\f00c';
font-family: "Font Awesome 5 Free";
position: absolute;
top: 8px;
left: 0;
font-size: 15px;
color: var(--e-global-color-primary);
z-index: 1;
font-weight: 900;
}
@media (max-width: 991.98px) {
.gsc-pricing.style-1 .content-inner .plan-list li:after {
font-size: 13px;
}
}
.gsc-pricing.style-1 .content-inner .plan-list li.no-active {
opacity: 0.38;
}
.gsc-pricing.style-1 .content-inner .pricing-action {
padding-top: 20px;
}
.gsc-pricing.style-1:hover {
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
}
.gsc-pricing.style-1.active-yes {
background: var(--e-global-color-primary);
}
.gsc-pricing.style-1.active-yes .content-inner .sub-title {
color: var(--e-global-color-primary);
background: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .title {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-price {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .desc {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li:after {
color: #fff;
}
.gsc-pricing.style-1.active-yes .content-inner .plan-list li.no-active {
opacity: 0.5;
}
.gsc-pricing.style-1.active-yes .content-inner .pricing-action a {
background: #fff;
color: var(--e-global-color-primary);
}
.team-one {
width: 100%;
}
.team-one__wrap {
position: relative;
padding: 0 15px 65px;
margin-top: 65px;
margin-bottom: 30px;
border-radius: 90px;
background: #fff;
}
.team-one__wrap:before {
content: "";
position: absolute;
bottom: -4px;
left: 0;
border: 4px solid var(--e-global-color-primary);
border-top: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-primary);
border-radius: 90px;
z-index: -1;
transition: all 0.5s;
}
.team-one__wrap:after {
content: "";
position: absolute;
top: -4px;
left: 0;
border: 4px solid var(--e-global-color-primary);
border-bottom: 0;
width: 100%;
height: 100%;
background: var(--e-global-color-primary);
border-radius: 90px;
z-index: -1;
transition: all 0.5s;
}
.team-one__image {
width: 118px;
height: 118px;
border-radius: 50%;
position: absolute;
top: -60px;
left: 50%;
margin-left: -60px;
z-index: 1;
}
.team-one__image:before {
content: '';
width: 126px;
height: 126px;
border-radius: 50%;
border: 1px dashed var(--e-global-color-primary);
position: absolute;
top: -4px;
left: -4px;
z-index: 1;
transition: all 0.5s;
}
.team-one__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
border-radius: 50%;
}
.team-one__content {
transition: all .5s;
position: relative;
text-align: center;
padding: 88px 12px 0;
}
.team-one__socials {
position: relative;
transition: all 0.35s;
margin-top: 15px;
}
.team-one__socials a {
display: inline-block;
margin: 0 3px 3px;
width: 32px;
height: 32px;
border-radius: 50%;
background: #f1f1f1;
line-height: 32px;
font-size: 14px;
text-align: center;
color: var(--donatm-body-color);
transition: all 0.35s;
}
.team-one__socials a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.team-one__name {
font-weight: 700;
font-size: 22px;
font-family: var(--donatm-heading-font-family);
margin: 0 0 2px;
}
.team-one__view {
position: absolute !important;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
z-index: 11;
}
.team-one__view:active {
top: auto;
bottom: -18px;
}
.team-one:hover .team-one__wrap:before, .team-one:hover .team-one__wrap:after {
background: var(--e-global-color-secondary);
border-color: var(--e-global-color-secondary);
}
.team-one:hover .team-one__image:before {
border-color: var(--e-global-color-secondary);
}
.team-one:hover .team-one__view {
background: var(--e-global-color-secondary);
}
.team-one:hover .team-one__view:before {
background: #fff;
color: var(--e-global-color-secondary);
}
.swiper-slide.center .team-one__wrap:before, .swiper-slide.center .team-one__wrap:after {
background: var(--e-global-color-secondary);
border-color: var(--e-global-color-secondary);
}
.swiper-slide.center .team-one__image:before {
border-color: var(--e-global-color-secondary);
}
.swiper-slide.center .team-one__view {
background: var(--e-global-color-secondary);
}
.swiper-slide.center .team-one__view:before {
background: #fff;
color: var(--e-global-color-secondary);
}
.team-two__single {
position: relative;
margin-bottom: 30px;
border-radius: 135px;
}
.team-two__image {
border: 5px solid #fff;
border-radius: 135px 135px 0 0;
position: relative;
width: 100%;
}
.team-two__image img {
transition: all 0.35s;
border-radius: 135px 135px 0 0;
}
.team-two__content {
border-radius: 0 0 135px 135px;
transition: all .5s;
background: #fff;
position: relative;
padding: 40px 20px;
text-align: center;
}
.team-two__content:before {
content: "";
position: absolute;
top: 0;
left: 0;
border: 5px solid var(--e-global-color-primary);
border-top: 0;
width: 100%;
height: calc(100% + 5px);
background: var(--e-global-color-primary);
border-radius: 0 0 135px 135px;
z-index: -1;
}
.team-two__socials {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
margin-bottom: -15px;
z-index: 2;
}
.team-two__social-control {
width: 45px;
height: 45px;
border-radius: 50%;
background: var(--e-global-color-primary);
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border: 3px solid #fff;
}
.team-two__social-control:hover {
cursor: pointer;
}
.team-two__social-links {
position: relative;
opacity: 0;
transform: translateY(30px);
z-index: -1;
transition: all 0.35s;
}
.team-two__social-links a {
display: block;
margin: 0 5px 5px;
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--e-global-color-primary);
line-height: 36px;
font-size: 14px;
text-align: center;
color: #fff;
transition: all 0.35s;
}
.team-two__social-links a:hover {
color: #fff;
background: var(--e-global-color-secondary);
}
.team-two__name {
font-weight: 700;
font-size: 22px;
font-family: var(--donatm-heading-font-family);
margin: 0 0 5px;
}
.team-two__single:hover .team-two__social-links {
opacity: 1;
transform: translateY(0);
}
.team-three__single {
position: relative;
margin-bottom: 30px;
}
.team-three__image {
border-radius: 15px;
overflow: hidden;
}
.team-three__image img {
border-radius: 15px;
transition: all 0.35s;
}
.team-three__content {
position: absolute;
bottom: 15px;
left: 0;
z-index: 1;
width: 100%;
height: 120px;
}
.team-three__content-inner {
background: #fff;
transition: all 0.35s;
padding: 30px 10px 0 10px;
border-radius: 0 0 16px 16px;
text-align: center;
position: relative;
overflow: hidden;
width: 100%;
-webkit-mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-team-3.png);
mask-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/polygon-team-3.png);
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.team-three__content-inner > * {
display: block;
width: 100%;
}
.team-three__content-inner:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
display: block;
background: var(--e-global-color-primary);
opacity: 0;
z-index: -1;
transition: all 0.35s;
}
.team-three__socials {
position: absolute;
top: 20px;
right: 20px;
z-index: 2;
}
.team-three__social-control {
width: 36px;
height: 36px;
border-radius: 50%;
background: var(--e-global-color-primary);
line-height: 36px;
font-size: 14px;
text-align: center;
color: #fff;
}
.team-three__social-control:hover {
cursor: pointer;
}
.team-three__social-links {
position: relative;
opacity: 0;
transform: translateY(30px);
z-index: -1;
transition: all 0.35s;
}
.team-three__social-links a {
display: block;
margin-top: 5px;
width: 36px;
height: 36px;
border-radius: 50%;
background: #fff;
line-height: 36px;
font-size: 14px;
text-align: center;
color: var(--e-global-color-secondary);
transition: all 0.35s;
}
.team-three__social-links a:hover {
color: #fff;
background: var(--e-global-color-secondary);
}
.team-three__name {
font-weight: 700;
font-size: 18px;
margin: 0;
transition: all 0.35s;
}
.team-three__phone {
font-weight: 15px;
}
.team-three__phone span {
font-weight: 600;
}
.team-three__phone a {
transition: all 0.35s;
}
.team-three__phone a:hover {
text-decoration: underline;
}
.team-three__desc {
font-size: 15px;
}
.team-three__single:hover .team-three__social-links {
opacity: 1;
transform: translateY(0);
}
.team-three__single:hover .team-three__content-inner:before {
opacity: 1;
height: 100%;
}
.team-three__single:hover .team-three__name, .team-three__single:hover .team-three__desc, .team-three__single:hover .team-three__phone {
color: #fff;
}
.team-three__single:hover .team-three__name a, .team-three__single:hover .team-three__desc a, .team-three__single:hover .team-three__phone a {
color: #fff;
}
.team-four__single {
position: relative;
margin-bottom: 80px;
}
.team-four__image {
border-radius: 15px;
overflow: hidden;
position: relative;
}
.team-four__image img {
border-radius: 15px;
transition: all 0.35s;
}
.team-four__socials {
position: absolute;
top: 20px;
right: 0;
z-index: 2;
background: var(--e-global-color-primary);
text-align: center;
padding: 10px 18px;
border-radius: 30px 0 30px 0;
opacity: 0;
transform: translateX(100%);
transition: all 0.6s;
}
.team-four__socials a {
display: block;
margin-top: 5px;
width: 38px;
height: 38px;
border-radius: 50%;
background: #fff;
line-height: 38px;
font-size: 18px;
text-align: center;
color: var(--e-global-color-primary);
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
box-shadow: inset 0 0 20px rgba(2, 169, 92, 0);
}
.team-four__socials a:hover {
box-shadow: inset 0 0 20px rgba(2, 169, 92, 0.5), 0 0 20px rgba(2, 169, 92, 0.2);
}
.team-four__socials .share-label {
color: #fff;
writing-mode: vertical-rl;
transform: rotate(180deg);
position: relative;
padding-top: 20px;
margin-top: 10px;
font-size: 14px;
}
.team-four__socials .share-label:before {
content: '';
height: 15px;
width: 1px;
background: #fff;
position: absolute;
left: 50%;
top: 0;
}
.team-four__content {
background: #fff;
transition: all 0.35s;
padding: 22px 15px 20px;
border-radius: 30px 0 30px 0;
text-align: center;
position: absolute;
bottom: -50px;
left: 20px;
right: 20px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
border-top: 0 solid var(--e-global-color-primary);
}
.team-four__name {
font-weight: 700;
font-size: 20px;
margin: 0 0 5px;
transition: all 0.35s;
}
.team-four__desc {
font-size: 15px;
}
.team-four__single:hover .team-four__socials {
opacity: 1;
transform: translateX(0);
}
.team-four__single:hover .team-four__content {
border-top: 4px solid var(--e-global-color-primary);
}
.item-active.center .team-one__social-links {
opacity: 1;
transform: translateY(0);
}
.item-active.center .team-three__social-links {
opacity: 1;
transform: translateY(0);
}
.item-active.center .team-three__content-inner:before {
opacity: 1;
height: 100%;
}
.item-active.center .team-three__name, .item-active.center .team-three__desc, .item-active.center .team-three__phone {
color: #fff;
}
.item-active.center .team-three__name a, .item-active.center .team-three__desc a, .item-active.center .team-three__phone a {
color: #fff;
}
.item-active.center .team-four__socials {
opacity: 1;
transform: translateX(0);
}
.item-active.center .team-four__content {
border-top: 4px solid var(--e-global-color-primary);
}
.text-with-arrow {
font-size: 28px;
color: #fff;
text-align: center;
padding-top: 115px;
line-height: 40px;
}
@media (max-width: 991.98px) {
.text-with-arrow {
padding-top: 68px;
font-size: 24px;
}
}
@media (max-width: 767.98px) {
.text-with-arrow {
font-size: 20px;
line-height: 28px;
padding-top: 15px;
}
}
.text-with-arrow span {
display: inline-block;
position: relative;
}
.text-with-arrow span:after {
content: '';
width: 64px;
height: 110px;
position: absolute;
bottom: 90%;
left: -85px;
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/line-arrow.png) no-repeat center center transparent;
background-size: contain;
}
@media (max-width: 991.98px) {
.text-with-arrow span:after {
bottom: calc(100% + 6px);
height: 68px;
left: -60px;
}
}
@media (max-width: 650px) {
.text-with-arrow span:after {
display: none;
}
}
.big-title {
font-size: 78px;
line-height: 100px;
margin: 0;
max-width: 600px;
}
@media (max-width: 1180px) {
.big-title {
font-size: 50px;
line-height: 68px;
}
}
@media (max-width: 990px) {
.big-title {
font-size: 36px;
line-height: 48px;
}
}
.big-title-2 {
font-size: 78px;
line-height: 100px;
margin: 0 auto;
max-width: 900px;
}
@media (max-width: 1180px) {
.big-title-2 {
font-size: 50px;
line-height: 68px;
}
}
@media (max-width: 990px) {
.big-title-2 {
font-size: 36px;
line-height: 48px;
}
}
.big-title-3 {
font-size: 78px;
line-height: 100px;
margin: 0;
max-width: 600px;
}
.big-title-3 span {
color: var(--donatm-color-three) !important;
}
@media (max-width: 1180px) {
.big-title-3 {
font-size: 50px;
line-height: 68px;
}
}
@media (max-width: 990px) {
.big-title-3 {
font-size: 36px;
line-height: 48px;
}
} .widget, .wpb_single_image, .wpb_content_element {
border: none;
}
.widget .widget-title, .widget .widgettitle, .widget .wpb_singleimage_heading, .wpb_single_image .widget-title, .wpb_single_image .widgettitle, .wpb_single_image .wpb_singleimage_heading, .wpb_content_element .widget-title, .wpb_content_element .widgettitle, .wpb_content_element .wpb_singleimage_heading {
background: none;
position: relative;
color: #122F2A;
font-family: var(--donatm-heading-font-family);
z-index: 9;
margin: 0 0 15px;
padding: 0 0 15px;
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 1px;
}
.widget .widget-title:before, .widget .widget-title:after, .widget .widgettitle:before, .widget .widgettitle:after, .widget .wpb_singleimage_heading:before, .widget .wpb_singleimage_heading:after, .wpb_single_image .widget-title:before, .wpb_single_image .widget-title:after, .wpb_single_image .widgettitle:before, .wpb_single_image .widgettitle:after, .wpb_single_image .wpb_singleimage_heading:before, .wpb_single_image .wpb_singleimage_heading:after, .wpb_content_element .widget-title:before, .wpb_content_element .widget-title:after, .wpb_content_element .widgettitle:before, .wpb_content_element .widgettitle:after, .wpb_content_element .wpb_singleimage_heading:before, .wpb_content_element .wpb_singleimage_heading:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.widget .widget-title:before, .widget .widgettitle:before, .widget .wpb_singleimage_heading:before, .wpb_single_image .widget-title:before, .wpb_single_image .widgettitle:before, .wpb_single_image .wpb_singleimage_heading:before, .wpb_content_element .widget-title:before, .wpb_content_element .widgettitle:before, .wpb_content_element .wpb_singleimage_heading:before {
left: 0;
}
.widget .widget-title:after, .widget .widgettitle:after, .widget .wpb_singleimage_heading:after, .wpb_single_image .widget-title:after, .wpb_single_image .widgettitle:after, .wpb_single_image .wpb_singleimage_heading:after, .wpb_content_element .widget-title:after, .wpb_content_element .widgettitle:after, .wpb_content_element .wpb_singleimage_heading:after {
left: 18px;
}
.widget.text-center .widget-title, .widget.text-center .widgettitle, .widget.text-center .wpb_singleimage_heading, .wpb_single_image.text-center .widget-title, .wpb_single_image.text-center .widgettitle, .wpb_single_image.text-center .wpb_singleimage_heading, .wpb_content_element.text-center .widget-title, .wpb_content_element.text-center .widgettitle, .wpb_content_element.text-center .wpb_singleimage_heading {
text-align: center !important;
}
.widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h1, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h2, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h3, .widget.widget_block .wp-block-group > .wp-block-group__inner-container > h4 {
margin-bottom: 20px;
font-size: 18px;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
}
.widget.widget_block > h1, .widget.widget_block h2, .widget.widget_block h3, .widget.widget_block h4 {
background: none;
position: relative;
color: #122F2A;
font-size: 18px;
z-index: 9;
margin: 0 0 15px;
padding: 0 0 15px;
width: 100%;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
}
.widget.widget_block > h1:before, .widget.widget_block > h1:after, .widget.widget_block h2:before, .widget.widget_block h2:after, .widget.widget_block h3:before, .widget.widget_block h3:after, .widget.widget_block h4:before, .widget.widget_block h4:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
.widget.widget_block > h1:before, .widget.widget_block h2:before, .widget.widget_block h3:before, .widget.widget_block h4:before {
left: 0;
}
.widget.widget_block > h1:after, .widget.widget_block h2:after, .widget.widget_block h3:after, .widget.widget_block h4:after {
left: 18px;
}
.widget.widget_block ul, .widget.widget_block ol {
margin: 0;
padding: 0;
}
.widget.widget_block ul ul, .widget.widget_block ul ol, .widget.widget_block ol ul, .widget.widget_block ol ol {
padding-left: 25px;
}
.widget.widget_block ul li, .widget.widget_block ol li {
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
}
ol.wp-block-latest-comments {
margin: 0;
padding: 0;
}
ol.wp-block-latest-comments li {
padding: 6px 0;
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
margin: 0;
}
ol.wp-block-latest-comments li time {
margin-top: 5px;
color: var(--e-global-color-primary);
} .wp-sidebar input, .wp-sidebar textarea, .wp-sidebar select, .elementor-widget-sidebar input, .elementor-widget-sidebar textarea, .elementor-widget-sidebar select {
max-width: 100%;
}
.wp-sidebar .widget, .elementor-widget-sidebar .widget {
overflow: hidden;
margin-bottom: 30px;
padding: 30px 30px;
position: relative;
border: 1px solid #D7D7D7;
border-radius: 6px;
font-size: 16px;
}
.wp-sidebar ul, .elementor-widget-sidebar ul {
list-style: none;
padding: 0;
margin-bottom: 0 !important;
display: inline-block;
width: 100%;
}
.wp-sidebar ul li, .elementor-widget-sidebar ul li {
list-style: none;
}
.wp-sidebar ul li a, .elementor-widget-sidebar ul li a {
padding: 8px 0;
display: inline-block;
}
.wp-sidebar ul li a:hover, .elementor-widget-sidebar ul li a:hover {
color: var(--e-global-color-primary);
}
.wp-sidebar ul li .count, .elementor-widget-sidebar ul li .count {
margin-left: 3px;
color: #262626;
}
.wp-sidebar ul > li ul, .elementor-widget-sidebar ul > li ul {
padding-left: 16px;
}
.wp-sidebar .wpb_single_image, .elementor-widget-sidebar .wpb_single_image {
margin-bottom: 30px !important;
}
.wp-sidebar .post-author, .wp-sidebar .post-date, .elementor-widget-sidebar .post-author, .elementor-widget-sidebar .post-date {
font-size: 14px;
margin: 0 0 2px;
font-weight: 500;
color: var(--e-global-color-primary);
}
.gva-main-search .gva-search {
position: relative;
}
.gva-main-search .gva-search input {
background: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
height: 46px;
}
.gva-main-search .gva-search input.input-search {
background: #fff;
font-size: 16px;
}
.gva-main-search .gva-search .btn-search {
position: absolute;
width: auto;
height: 100%;
right: 6px;
top: 0;
z-index: 9;
padding: 0;
background: none;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.gva-main-search .gva-search .btn-search input {
border: none;
transform: rotateY(180deg);
font-size: 16px;
color: var(--e-global-color-primary);
}
.widget_calendar .wp-calendar-table td a {
color: var(--e-global-color-primary);
}
.widget_calendar .wp-calendar-table #today {
color: var(--e-global-color-primary);
position: relative;
}
.widget_calendar .wp-calendar-table #today:after {
content: '';
width: 5px;
height: 5px;
position: absolute;
top: 6px;
right: 6px;
background: var(--e-global-color-primary);
border-radius: 50%;
z-index: 1;
}
.widget_calendar .wp-calendar-nav {
font-size: 13px;
text-transform: uppercase;
font-weight: 600;
}
.widget_tag_cloud .tagcloud > a {
display: inline-block;
background: #ededed;
border-radius: 5px;
font-size: 13px !important;
padding: 0 12px;
color: var(--donatm-body-color);
border: 1px solid #F5F7F6;
margin-right: 10px;
margin-bottom: 10px;
font-weight: 700;
}
.widget_tag_cloud .tagcloud > a:last-child {
margin-right: 0;
}
.widget_tag_cloud .tagcloud > a:hover {
color: #fff;
background: var(--e-global-color-primary);
} .mc4wp-form:before, .mc4wp-form:after {
content: " ";
display: table;
}
.mc4wp-form:after {
clear: both;
}
.widget_recent_comments ul li {
padding: 6px 0;
font-weight: 500;
word-wrap: break-word;
line-height: 26px;
}
.widget_categories, .widget_block, .widget_archive, .wp-sidebar .widget_nav_menu, #wp-footer .widget_nav_menu, .elementor-widget-sidebar .widget_nav_menu, .widget_pages, .widget_meta {
overflow: hidden;
}
.widget_categories > ul, .widget_block > ul, .widget_archive > ul, .wp-sidebar .widget_nav_menu > ul, #wp-footer .widget_nav_menu > ul, .elementor-widget-sidebar .widget_nav_menu > ul, .widget_pages > ul, .widget_meta > ul {
padding: 0;
}
.widget_categories ul > li, .widget_block ul > li, .widget_archive ul > li, .wp-sidebar .widget_nav_menu ul > li, #wp-footer .widget_nav_menu ul > li, .elementor-widget-sidebar .widget_nav_menu ul > li, .widget_pages ul > li, .widget_meta ul > li {
display: block;
width: 100%;
float: left;
position: relative;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
line-height: 26px;
}
.widget_categories ul > li .count, .widget_block ul > li .count, .widget_archive ul > li .count, .wp-sidebar .widget_nav_menu ul > li .count, #wp-footer .widget_nav_menu ul > li .count, .elementor-widget-sidebar .widget_nav_menu ul > li .count, .widget_pages ul > li .count, .widget_meta ul > li .count {
position: absolute;
top: 14px;
right: 0;
z-index: 1;
font-size: 14px;
color: var(--donatm-body-color);
}
.widget_categories ul > li > a, .widget_block ul > li > a, .widget_archive ul > li > a, .wp-sidebar .widget_nav_menu ul > li > a, #wp-footer .widget_nav_menu ul > li > a, .elementor-widget-sidebar .widget_nav_menu ul > li > a, .widget_pages ul > li > a, .widget_meta ul > li > a {
display: block;
text-transform: capitalize;
line-height: 26px;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
position: relative;
color: var(--donatm-body-color);
padding: 11px 0;
font-weight: 500;
font-size: 16px;
}
.widget_categories ul > li > a:hover, .widget_block ul > li > a:hover, .widget_archive ul > li > a:hover, .wp-sidebar .widget_nav_menu ul > li > a:hover, #wp-footer .widget_nav_menu ul > li > a:hover, .elementor-widget-sidebar .widget_nav_menu ul > li > a:hover, .widget_pages ul > li > a:hover, .widget_meta ul > li > a:hover {
color: var(--e-global-color-primary);
}
.widget_categories ul > li ul, .widget_block ul > li ul, .widget_archive ul > li ul, .wp-sidebar .widget_nav_menu ul > li ul, #wp-footer .widget_nav_menu ul > li ul, .elementor-widget-sidebar .widget_nav_menu ul > li ul, .widget_pages ul > li ul, .widget_meta ul > li ul {
padding-left: 20px;
}
.widget_categories ul > li.current_page_item, .widget_categories ul > li.current-cat, .widget_block ul > li.current_page_item, .widget_block ul > li.current-cat, .widget_archive ul > li.current_page_item, .widget_archive ul > li.current-cat, .wp-sidebar .widget_nav_menu ul > li.current_page_item, .wp-sidebar .widget_nav_menu ul > li.current-cat, #wp-footer .widget_nav_menu ul > li.current_page_item, #wp-footer .widget_nav_menu ul > li.current-cat, .elementor-widget-sidebar .widget_nav_menu ul > li.current_page_item, .elementor-widget-sidebar .widget_nav_menu ul > li.current-cat, .widget_pages ul > li.current_page_item, .widget_pages ul > li.current-cat, .widget_meta ul > li.current_page_item, .widget_meta ul > li.current-cat {
background: #fff;
}
.widget_categories ul > li.current_page_item > a, .widget_categories ul > li.current-cat > a, .widget_block ul > li.current_page_item > a, .widget_block ul > li.current-cat > a, .widget_archive ul > li.current_page_item > a, .widget_archive ul > li.current-cat > a, .wp-sidebar .widget_nav_menu ul > li.current_page_item > a, .wp-sidebar .widget_nav_menu ul > li.current-cat > a, #wp-footer .widget_nav_menu ul > li.current_page_item > a, #wp-footer .widget_nav_menu ul > li.current-cat > a, .elementor-widget-sidebar .widget_nav_menu ul > li.current_page_item > a, .elementor-widget-sidebar .widget_nav_menu ul > li.current-cat > a, .widget_pages ul > li.current_page_item > a, .widget_pages ul > li.current-cat > a, .widget_meta ul > li.current_page_item > a, .widget_meta ul > li.current-cat > a {
color: #122F2A;
position: relative;
z-index: 1;
}
.widget_categories ul > li.current_page_item:before, .widget_categories ul > li.current-cat:before, .widget_block ul > li.current_page_item:before, .widget_block ul > li.current-cat:before, .widget_archive ul > li.current_page_item:before, .widget_archive ul > li.current-cat:before, .wp-sidebar .widget_nav_menu ul > li.current_page_item:before, .wp-sidebar .widget_nav_menu ul > li.current-cat:before, #wp-footer .widget_nav_menu ul > li.current_page_item:before, #wp-footer .widget_nav_menu ul > li.current-cat:before, .elementor-widget-sidebar .widget_nav_menu ul > li.current_page_item:before, .elementor-widget-sidebar .widget_nav_menu ul > li.current-cat:before, .widget_pages ul > li.current_page_item:before, .widget_pages ul > li.current-cat:before, .widget_meta ul > li.current_page_item:before, .widget_meta ul > li.current-cat:before {
content: '';
left: -15px;
right: -15px;
top: 0;
bottom: 0;
position: absolute;
background: #fff;
z-index: 1;
}
.widget_categories > ul > li:last-child > a, .widget_block > ul > li:last-child > a, .widget_archive > ul > li:last-child > a, .wp-sidebar .widget_nav_menu > ul > li:last-child > a, #wp-footer .widget_nav_menu > ul > li:last-child > a, .elementor-widget-sidebar .widget_nav_menu > ul > li:last-child > a, .widget_pages > ul > li:last-child > a, .widget_meta > ul > li:last-child > a {
margin-bottom: 0 !important;
}
.widget_rss ul > li, .widget_recent_entries ul > li, .gva_widget_recent_entries ul > li {
border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
margin-bottom: 18px;
padding-bottom: 18px;
}
.widget_rss ul > li a, .widget_recent_entries ul > li a, .gva_widget_recent_entries ul > li a {
padding: 0;
line-height: 26px;
display: block;
font-weight: 600;
}
.widget_rss ul > li a .post-date, .widget_recent_entries ul > li a .post-date, .gva_widget_recent_entries ul > li a .post-date {
color: var(--e-global-color-primary);
}
.widget_rss ul > li:last-child, .widget_recent_entries ul > li:last-child, .gva_widget_recent_entries ul > li:last-child {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}
.gva_widget_recent_entries ul li {
border: none;
margin-bottom: 30px;
padding: 0;
position: relative;
z-index: 9;
}
.gva_widget_recent_entries ul li .post-thumbnail {
width: 70px;
overflow: hidden;
float: left;
border-radius: 6px;
}
.gva_widget_recent_entries ul li .post-content {
padding-left: 85px;
}
.gva_widget_recent_entries ul li .post-content .post-comments {
font-size: 14px;
display: block;
line-height: 1;
font-weight: 500;
}
.gva_widget_recent_entries ul li .post-content .post-comments .icon {
color: var(--e-global-color-primary);
}
.gva_widget_recent_entries ul li .post-content .post-title {
margin: 8px 0 0;
font-size: 16px;
}
.gva_widget_recent_entries ul li .post-content .post-title a {
display: block;
line-height: 24px;
font-weight: 500;
}
.gva_widget_recent_entries ul li:last-child {
margin-bottom: 0;
}
.widget_rss > ul li {
margin-bottom: 16px !important;
}
.widget_rss > ul li .rss-date {
color: var(--e-global-color-primary);
font-size: 12px;
}
.widget-custom-text {
color: #fff;
}
.widget-custom-text .widget-title {
text-align: center;
color: #fff;
margin-bottom: 0;
font-weight: 600;
padding: 20px 0;
}
.widget-custom-text .signature {
margin-top: 50px;
}
.widget_custom_html {
padding: 0 !important;
border: none !important;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5 {
margin: 0 0 15px;
padding: 0 0 15px;
position: relative;
font-size: 18px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:before, div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:after {
content: '';
position: absolute;
width: 13px;
height: 2px;
background: var(--e-global-color-primary);
bottom: -2px;
z-index: 11;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:before {
left: 0;
}
div[class*="elementor-widget-wp-widget"] .elementor-widget-container > h5:after {
left: 18px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container h5 {
margin: 0 0 8px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul {
padding: 0;
margin: 0;
list-style: none;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul ul {
padding-left: 30px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li {
font-size: 16px;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a {
color: var(--donatm-body-color);
display: inline-block;
padding: 6px 0;
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li a:hover {
color: var(--e-global-color-primary);
}
.elementor-widget-wp-widget-categories .elementor-widget-container ul li:last-child a {
padding-bottom: 0;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud {
padding-top: 10px;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud > a {
display: inline-block;
background: #ededed;
font-size: 13px !important;
padding: 0 12px;
color: var(--donatm-body-color);
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
font-weight: 700;
border: 1px solid #F5F7F6;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud > a:last-child {
margin-right: 0;
}
.elementor-widget-wp-widget-tag_cloud .tagcloud > a:hover {
color: #fff;
background: var(--e-global-color-primary);
}
.highlight-text-white {
color: #d2dce5;
}
.highlight-text-white a {
color: #fff;
font-weight: 700;
position: relative;
}
.highlight-text-white a:after {
content: '';
width: 100%;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
bottom: -2px;
left: 0;
z-index: 1;
opacity: 1;
transition: all 0.35s;
}
.highlight-text-white a:hover:after {
opacity: 0;
bottom: -10px;
}
.support-box {
background: #122F2A;
color: #fff;
padding: 50px 50px 40px;
}
@media (max-width: 991.98px) {
.support-box {
padding: 30px;
}
}
.support-box ul {
list-style: none;
padding: 0;
margin: 0;
}
.support-box .title {
font-size: 26px;
font-weight: 600;
margin-bottom: 30px;
}
.support-box .phone {
font-size: 22px;
font-weight: 700;
margin-top: 10px;
}
.support-box .phone a {
color: var(--e-global-color-primary);
}
.support-box .phone a i {
font-size: 30px;
margin-right: 10px;
}
.download-box {
background: #122F2A;
}
.download-box a {
color: #fff;
font-size: 18px;
font-weight: 600;
padding: 30px;
text-align: center;
display: block;
}
.download-box a:hover {
color: var(--e-global-color-primary);
}
.list-button {
display: flex;
align-items: center;
padding: 0;
}
@media (max-width: 360px) {
.list-button {
display: block;
}
}
.list-button a {
font-weight: 500;
display: inline-block;
font-size: 16px;
background: #F7F7F7;
color: #122F2A;
padding: 12px 40px;
margin-right: 20px;
border-radius: 8px;
}
@media (max-width: 360px) {
.list-button a {
display: block;
width: 100%;
margin-bottom: 10px;
}
}
.list-button a:last-child() {
margin-right: 0;
}
.list-button a:hover {
background: var(--e-global-color-primary);
color: #fff;
} .post-one__single {
margin-bottom: 30px;
transition: all 0.35s;
}
.post-one__thumbnail {
position: relative;
text-align: center;
border-radius: 16px 16px 0 0;
overflow: hidden;
}
.post-one__thumbnail img {
border-radius: 16px 16px 0 0;
transition: all 0.6s;
}
.post-one__thumbnail iframe {
width: 100%;
min-height: 240px;
}
.post-one__content {
padding: 30px;
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08);
border-radius: 0px 0px 16px 16px;
background: #fff;
}
.post-one__entry-date {
margin-right: 15px;
background: var(--e-global-color-primary);
color: #fff;
height: 59px;
width: 61px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
line-height: 1;
border-radius: 10px;
}
.post-one__entry-date span {
display: block;
}
.post-one__entry-date .day {
font-family: var(--donatm-heading-font-family);
font-size: 24px;
font-weight: 600;
margin-bottom: 5px;
}
.post-one__entry-date .month {
text-transform: uppercase;
}
.post-one__content-inner {
display: flex;
align-items: center;
}
.post-one__title {
font-size: 22px;
font-family: var(--donatm-heading-font-family);
margin: 20px 0 10px;
line-height: 32px;
position: relative;
}
.post-one__meta {
position: relative;
color: var(--donatm-body-color);
font-size: 14px;
font-weight: 500;
line-height: 14px;
text-transform: capitalize;
}
.post-one__meta span {
margin-right: 16px;
}
.post-one__meta i {
color: var(--e-global-color-primary);
margin-right: 5px;
font-size: 17px;
position: relative;
}
.post-one__read-more {
margin-top: 6px;
}
.post-one__read-more a {
font-weight: 700;
font-size: 16px;
color: var(--donatm-body-color);
font-family: var(--donatm-heading-font-family);
}
.post-one__read-more a i {
font-size: 13px;
margin-left: 6px;
position: relative;
transition: all 0.5s;
}
.post-one__read-more a:hover {
color: var(--e-global-color-primary);
}
.post-one__read-more a:hover i {
margin-left: 15px;
}
.post-one__single:hover .post-one__thumbnail img {
transform: scale(1.1);
}
.post-two__single {
border-radius: 20px;
padding: 20px;
background: #fff;
overflow: hidden;
width: 100%;
margin-bottom: 30px;
border: 1px solid rgba(0, 0, 0, 0.08);
}
.post-two__wrap {
display: flex;
}
@media (max-width: 475px) {
.post-two__wrap {
flex-wrap: wrap;
}
}
.post-two__thumbnail {
position: relative;
flex: 0 0 40%;
}
@media (max-width: 475px) {
.post-two__thumbnail {
flex: 0 0 100%;
}
}
.post-two__thumbnail a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 475px) {
.post-two__thumbnail a {
position: relative;
}
}
.post-two__thumbnail img {
border-radius: 20px;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
}
.post-two__entry-date {
position: absolute;
top: 15px;
left: 15px;
margin-right: 15px;
background: var(--e-global-color-secondary);
color: #fff;
height: 52px;
width: 61px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
line-height: 1;
border-radius: 10px;
}
.post-two__entry-date span {
display: block;
}
.post-two__entry-date .day {
font-family: var(--donatm-heading-font-family);
font-size: 24px;
font-weight: 600;
}
.post-two__entry-date .month {
text-transform: uppercase;
}
.post-two__content {
flex-grow: 1;
padding: 20px 0 20px 30px;
}
@media (max-width: 1200px) {
.post-two__content {
padding-left: 15px;
}
}
@media (max-width: 475px) {
.post-two__content {
padding: 20px 15px;
}
}
.post-two__meta {
display: flex;
align-items: center;
font-size: 14px;
gap: 20px;
color: var(--donatm-body-color);
}
@media (max-width: 1200px) {
.post-two__meta {
gap: 10px;
}
}
.post-two__meta i {
color: var(--e-global-color-secondary);
font-size: 15px;
margin-right: 8px;
}
.post-two__meta a {
color: var(--donatm-body-color);
}
.post-two__meta a:hover {
color: var(--e-global-color-primary);
}
.post-two__title {
font-size: 22px;
line-height: 32px;
margin: 5px 0 18px;
}
@media (max-width: 1024px) {
.post-two__title {
font-size: 20px;
line-height: 30px;
}
}
.post-two__avatar {
display: flex;
align-items: center;
}
.post-two__avatar img {
border-radius: 50%;
max-width: 56px !important;
}
.post-two__avatar .left {
flex: 0 0 56px;
margin-right: 15px;
}
.post-two__avatar .right {
flex-grow: 1;
}
.post-two__avatar .author {
font-size: 14px;
line-height: 1;
color: var(--e-global-color-secondary);
display: block;
}
.post-two__avatar .author-name {
font-size: 16px;
font-weight: 600;
color: var(--donatm-link-color);
font-family: var(--donatm-heading-font-family);
text-transform: capitalize;
}
.post-three__single {
margin-bottom: 30px;
transition: all 0.35s;
margin-top: 10px;
}
.post-three__thumbnail {
position: relative;
text-align: center;
border-radius: 16px 16px 0 0;
}
.post-three__thumbnail img {
border-radius: 16px 16px 0 0;
}
.post-three__thumbnail iframe {
width: 100%;
min-height: 235px;
}
.post-three__entry-date {
font-size: 14px;
font-weight: 500;
transition: all 0.35s;
}
.post-three__content {
position: relative;
transition: all 0.35s;
padding: 28px 30px 25px;
text-align: left;
z-index: 9;
background: #fff;
border-radius: 0 0 16px 16px;
}
.post-three__content-inner {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.post-three__title {
font-size: 20px;
margin: 10px 0 25px;
-ms-word-wrap: break-word;
word-wrap: break-word;
line-height: 28px;
}
.post-three__title a {
transition: all 0.35s;
}
.post-three__meta {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}
.post-three__footer {
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #D7D7D7;
position: relative;
padding-top: 25px;
}
.post-three__category {
font-size: 14px;
font-weight: 500;
}
.post-three__category a {
color: var(--donatm-body-color);
transition: all 0.35s;
}
.post-three__category a:hover {
color: var(--e-global-color-primary);
}
.post-three__avatar {
display: flex;
align-items: center;
line-height: 1;
}
.post-three__avatar .left {
flex: 0 0 40px;
margin-right: 15px;
}
.post-three__avatar .right {
flex-grow: 1;
}
.post-three__avatar img {
max-width: 40px !important;
border-radius: 50%;
}
.post-three__avatar .author {
color: var(--donatm-link-color);
font-size: 14px;
font-weight: 600;
display: block;
margin-bottom: 5px;
transition: all 0.35s;
}
.post-three__avatar .author-name {
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
transition: all 0.35s;
}
.post-three__read-more a {
color: var(--e-global-color-secondary);
transition: all 0.35s;
position: relative;
top: 2px;
font-size: 14px;
}
.post-three__read-more a:after {
content: '\f11f';
font-family: 'dicomoon';
margin-left: 5px;
font-size: 10px;
transition: all 0.5s;
}
.post-three__read-more a:hover:after {
margin-left: 12px;
}
.post-three__single:hover .post-three__content, .post-three__single:focus .post-three__content {
background: var(--e-global-color-primary);
}
.post-three__single:hover .post-three__category a, .post-three__single:hover .post-three__entry-date, .post-three__single:hover .post-three__title a, .post-three__single:hover .post-three__read-more a,
.post-three__single:hover .post-three__avatar .author, .post-three__single:hover .post-three__avatar .author-name, .post-three__single:focus .post-three__category a, .post-three__single:focus .post-three__entry-date, .post-three__single:focus .post-three__title a, .post-three__single:focus .post-three__read-more a,
.post-three__single:focus .post-three__avatar .author, .post-three__single:focus .post-three__avatar .author-name {
color: #fff;
}
.post-four__single {
width: 100%;
margin-bottom: 30px;
}
.post-four__thumbnail {
position: relative;
}
.post-four__thumbnail img {
border-radius: 16px 16px 0 0;
}
.post-four__entry-date {
position: absolute;
top: 15px;
left: 15px;
margin-right: 15px;
background: var(--e-global-color-secondary);
color: #fff;
height: 52px;
width: 61px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
line-height: 1;
border-radius: 10px;
}
.post-four__entry-date span {
display: block;
}
.post-four__entry-date .day {
font-family: var(--donatm-heading-font-family);
font-size: 24px;
font-weight: 600;
}
.post-four__entry-date .month {
text-transform: uppercase;
}
.post-four__content {
padding: 0 30px 25px;
background: #fff;
box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08);
border-radius: 0px 0px 16px 16px;
}
.post-four__meta {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 16px;
gap: 20px;
border-bottom: 1px solid rgba(103, 102, 102, 0.25);
}
.post-four__meta > div {
padding: 15px 0 10px;
flex: 1;
}
.post-four__meta i {
color: var(--e-global-color-primary);
font-size: 16x;
margin-right: 8px;
}
.post-four__meta a {
color: #676666;
}
.post-four__category {
text-align: right;
border-left: 1px solid rgba(103, 102, 102, 0.25);
}
.post-four__title {
font-size: 24px;
line-height: 36px;
font-family: var(--donatm-heading-font-family);
}
@media (max-width: 1200px) {
.post-four__title {
font-size: 20px;
line-height: 32px;
}
}
.post-four__avatar {
display: flex;
align-items: center;
}
.post-four__avatar img {
border-radius: 50%;
max-width: 56px !important;
}
.post-four__avatar .left {
flex: 0 0 56px;
margin-right: 15px;
}
.post-four__avatar .right {
flex-grow: 1;
}
.post-four__avatar .author {
font-size: 14px;
line-height: 1;
color: var(--e-global-color-secondary);
display: block;
}
.post-four__avatar .author-name {
font-size: 16px;
font-weight: 600;
color: var(--donatm-link-color);
font-family: var(--donatm-heading-font-family);
text-transform: capitalize;
}
.post-four__read-more {
border-top: 1px solid #D7D7D7;
padding-top: 20px;
}
.post-four__read-more a {
font-family: var(--donatm-heading-font-family);
font-weight: 700;
font-size: 16px;
display: flex;
justify-content: space-between;
align-items: center;
}
.post-four__read-more a i {
font-size: 16px;
color: var(--e-global-color-primary);
}
.post-five__single {
margin-bottom: 30px;
position: relative;
}
.post-five__thumbnail {
position: relative;
}
.post-five__thumbnail:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(18, 47, 42, 0) 0%, #122F2A 100%);
border-radius: 20px;
}
.post-five__thumbnail a {
width: 100%;
display: block;
}
.post-five__thumbnail img {
width: 100%;
height: 100%;
border-radius: 20px;
object-fit: cover;
}
.post-five__entry-date {
position: absolute;
top: 20px;
left: 20px;
background: var(--e-global-color-secondary);
color: #fff;
height: 52px;
width: 61px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 12px;
font-weight: 400;
font-family: var(--donatm-font-sans-serif);
line-height: 1;
border-radius: 10px;
}
.post-five__entry-date span {
display: block;
}
.post-five__entry-date .day {
font-family: var(--donatm-heading-font-family);
font-size: 24px;
font-weight: 600;
}
.post-five__entry-date .month {
text-transform: uppercase;
}
.post-five__content {
padding: 30px;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
height: 100%;
display: flex;
align-items: flex-end;
}
.post-five__meta {
display: flex;
align-items: center;
font-size: 14px;
gap: 20px;
color: #fff;
}
.post-five__meta i {
font-size: 20px;
margin-right: 5px;
}
.post-five__meta a {
color: #fff;
}
.post-five__title {
font-size: 24px;
line-height: 37px;
font-family: var(--donatm-heading-font-family);
margin-top: 10px;
margin-bottom: 0;
}
.post-five__title a {
color: #fff;
}
.post-block-list {
margin-bottom: 30px;
}
.post-block-list:before, .post-block-list:after {
content: " ";
display: table;
}
.post-block-list:after {
clear: both;
}
@media (max-width: 400px) {
.post-block-list {
max-width: 220px;
margin: 0 auto;
}
}
.post-block-list .post-content .post-thumbnail {
width: 170px;
float: left;
}
@media (max-width: 400px) {
.post-block-list .post-content .post-thumbnail {
width: 100%;
margin-bottom: 20px;
}
}
.post-block-list .post-content .content-inner {
padding-left: 200px;
}
@media (max-width: 900px) {
.post-block-list .post-content .content-inner {
padding-left: 190px;
}
}
@media (max-width: 400px) {
.post-block-list .post-content .content-inner {
padding-left: 0;
}
}
.post-block-list .post-content .content-inner .entry-meta {
margin-bottom: 5px;
}
.post-block-list .post-content .content-inner .entry-title {
margin: 0;
}
@media (max-width: 500px) {
.post-block-list .post-content .content-inner .entry-title {
font-size: 18px;
line-height: 30px;
}
}
.post-block-small {
margin-bottom: 30px;
box-shadow: none !important;
}
.post-block-small:before, .post-block-small:after {
content: " ";
display: table;
}
.post-block-small:after {
clear: both;
}
.post-block-small .post-content {
display: flex;
}
.post-block-small .post-content .post-thumbnail {
flex: 0 0 80px;
margin-right: 20px;
}
.post-block-small .post-content .content-inner {
flex-grow: 1;
}
.post-block-small .post-content .content-inner .entry-date {
font-size: 14px;
}
.post-block-small .post-content .content-inner .entry-title {
margin: 0;
font-size: 16px;
line-height: 24px;
font-family: var(--donatm-heading-font-family);
position: relative;
float: left;
width: 100%;
}
.post-standard__single {
margin-bottom: 30px;
}
.post-standard__thumbnail {
border-radius: 0 !important;
}
.post-standard__thumbnail img {
border-radius: 5px;
}
.post-standard__content {
background: #fff;
margin-left: 35px;
margin-right: 35px;
margin-top: -50px;
border: none;
border-radius: 0;
padding: 35px;
position: relative;
z-index: 99;
border-radius: 5px;
}
@media (max-width: 1024px) {
.post-standard__content {
margin-left: 20px;
margin-right: 20px;
padding: 35px 20px;
}
}
.post-standard__content:after {
display: none;
}
.post-standard__meta {
position: relative;
margin-bottom: 15px;
}
.post-standard__meta .meta-inline {
font-size: 14px;
line-height: 18px;
font-weight: 500;
text-transform: capitalize;
}
.post-standard__meta .meta-inline > span {
margin-right: 18px;
}
@media (max-width: 1400px) {
.post-standard__meta .meta-inline > span {
margin-right: 15px;
}
}
.post-standard__meta .meta-inline > span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post-standard__meta .meta-inline > span:last-child() {
margin-right: 0;
}
.post-standard__title {
font-size: 24px;
margin-bottom: 10px;
margin-top: 8px;
}
.post-standard__desc {
padding-bottom: 20px;
}
.post-standard__read-more {
border: none;
padding-top: 0;
}
.post-standard__single:hover {
box-shadow: none;
}
.post-standard__single:hover .post-standard__content {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
div[class*="col-md-6"] .post-thumbnail iframe, div[class*="col-md-4"] .post-thumbnail iframe {
min-height: 235px;
height: 235px;
}
.post-items .post {
margin-bottom: 30px;
}
.post-items .entry-title {
font-size: 18px;
text-transform: none;
margin-top: 10px;
margin-bottom: 12px;
}
.post-items.layout-sticky-on .posts-child .post {
border-bottom: none;
margin-bottom: 0;
}
.post-items.layout-sticky-on .posts-child .post .entry-title {
font-size: 20px;
}
.posts-archive {
margin: 100px 0 60px;
}
@media (max-width: 991.98px) {
.posts-archive {
margin: 80px 0 40px;
}
}
.post-masonry-style > .item-masory {
margin-left: -1px;
}
.post.post-single-content {
box-shadow: none;
margin-bottom: 10px;
}
.post.post-single-content .post-thumbnail {
position: relative;
margin-bottom: 30px;
}
.post.post-single-content .post-thumbnail.without_image {
margin-bottom: 0;
}
.post.post-single-content .entry-content {
border: 0;
background: none;
margin: 0;
box-shadow: none !important;
text-align: left;
}
.post.post-single-content .entry-content:after {
content: none;
}
.post.post-single-content .entry-content .content-inner {
max-width: 100%;
padding: 0;
}
.post.post-single-content .entry-content .entry-meta {
position: relative;
margin: 0 0 10px;
}
.post.post-single-content .entry-content .entry-meta .meta-inline {
font-size: 15px;
text-transform: capitalize;
}
.post.post-single-content .entry-content .entry-meta .meta-inline > span {
margin-right: 22px;
}
@media (max-width: 1400px) {
.post.post-single-content .entry-content .entry-meta .meta-inline > span {
margin-right: 18px;
}
}
.post.post-single-content .entry-content .entry-meta .meta-inline > span:last-child {
margin-right: 0;
}
.post.post-single-content .entry-content .entry-meta .meta-inline > span i {
color: var(--e-global-color-primary);
margin-right: 5px;
}
.post.post-single-content .entry-content .entry-meta .meta-inline .entry-date {
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .entry-title {
font-size: 32px;
color: #122F2A;
padding: 0 0 10px;
position: relative;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
@media (max-width: 991.98px) {
.post.post-single-content .entry-content .entry-title {
font-size: 28px;
}
}
@media (max-width: 767.98px) {
.post.post-single-content .entry-content .entry-title {
font-size: 26px;
}
}
.post.post-single-content .entry-content .entry-title:after {
display: none !important;
}
.post.post-single-content .entry-content .entry-date {
left: 0;
}
.post.post-single-content .entry-content .cat-links i {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .cat-links a {
color: var(--donatm-body-color);
}
.post.post-single-content .entry-content .cat-links a:hover {
color: var(--e-global-color-primary);
}
.post.post-single-content .entry-content .post-content strong img {
margin-right: 10px;
}
.post.post-single-content .entry-content .post-content .wp-caption {
max-width: 100%;
}
.post.post-single-content .entry-content .post-content input[type="text"],
.post.post-single-content .entry-content .post-content input[type="tel"],
.post.post-single-content .entry-content .post-content input[type="password"],
.post.post-single-content .entry-content .post-content input[type="email"] {
padding-left: 6px;
padding-right: 6px;
line-height: 34px;
}
.post.post-single-content .entry-content .post-content input[type="submit"] {
background: var(--e-global-color-primary);
color: #fff;
text-transform: uppercase;
font-size: 12px;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
border: none;
box-shadow: none;
padding: 3px 15px;
line-height: 46px !important;
border-radius: 8px;
}
.post.post-single-content .entry-content .post-content input[type="submit"]:hover {
background: #122F2A;
}
.post.post-single-content .entry-meta-footer {
border-top: 1px solid #D7D7D7;
margin-top: 36px;
padding-top: 12px;
}
.post.post-single-content .tag-links {
margin-top: 20px;
display: block;
}
.post.post-single-content .tag-links .tag-title {
font-size: 18px;
margin-right: 10px;
color: #122F2A;
font-weight: 500;
position: relative;
top: 2px;
}
.post.post-single-content .tag-links > a {
background: var(--e-global-color-primary);
font-size: 14px;
padding: 0 15px;
line-height: 28px;
color: #fff;
margin: 3px 10px 3px 0;
font-weight: 600;
border-radius: 5px;
display: inline-block;
white-space: nowrap;
transition: all 0.35s;
}
.post.post-single-content .tag-links > a:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.post.post-single-content.has-post-thumbnail .entry-content .entry-date {
left: 30px;
}
.post-navigation {
width: 100%;
float: left;
margin-top: 30px;
padding-top: 40px;
margin-bottom: 30px;
border-top: 1px solid #D7D7D7;
}
.post-navigation a {
display: inline-block;
font-weight: 600;
border: 2px solid #D7D7D7;
padding: 10px 20px;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.post-navigation a span {
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
}
.post-navigation a:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.post-navigation a:hover span {
color: #fff !important;
}
.post-navigation a[rel*="next"] {
float: right;
text-align: right;
}
.post-navigation a span {
display: block;
}
.post-navigation a span.meta-nav {
font-size: 14px;
color: #888888;
}
.post-navigation a span.meta-nav i {
font-size: 10px;
}
.post-navigation a span.meta-nav.next i {
margin-left: 8px;
margin-top: 1px;
}
.post-navigation a span.meta-nav.prev i {
margin-right: 8px;
margin-top: 1px;
}
.tribe-common h1, .tribe-common h2, .tribe-common h3, .tribe-common h4, .tribe-common h5, .tribe-common h6, .tribe-common .tribe-common-h--alt {
font-weight: 700;
}
#tribe-events-content a.btn-black {
color: #fff;
}
#tribe-events-footer {
padding: 0 !important;
margin: 0 !important;
border: 0 !important;
}
.tribe-events-page-title {
margin-bottom: 30px;
}
.tribe-events-list .type-tribe_events {
margin-bottom: 30px;
}
.event-one__single {
background: #fff;
border-radius: 16px;
overflow: hidden;
width: 100%;
box-shadow: 0px 6px 22px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
margin-top: 10px;
}
.event-one__wrap {
display: flex;
}
.event-one__schedule-details {
background: #fff;
border-radius: 30px;
padding: 5px 10px;
font-size: 15px;
font-weight: 500;
text-align: center;
position: absolute;
z-index: 2;
bottom: 20px;
left: 18px;
right: 18px;
}
@media (max-width: 1200px) {
.event-one__schedule-details {
font-size: 13px;
left: 12px;
right: 12px;
padding: 5px 8px;
}
}
.event-one__schedule-details .icon {
margin-right: 5px;
color: var(--e-global-color-secondary);
}
.event-one__image {
flex: 0 0 40%;
position: relative;
overflow: hidden;
}
.event-one__image .tribe-events-event-image {
height: 100%;
margin-bottom: 0;
}
.event-one__image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.event-one__image img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: all 0.35s;
}
.event-one__content {
padding-left: 30px;
flex-grow: 1;
padding: 25px;
}
.event-one__title {
font-size: 22px;
line-height: 32px;
margin: 0 0 10px;
}
.event-one__summary {
font-size: 15px;
line-height: 28px;
}
.event-one__venue-details {
margin-top: 15px;
padding-top: 20px;
border-top: 1px solid #D7D7D7;
display: block;
}
.event-one__venue-details i {
color: var(--e-global-color-secondary);
margin-right: 4px;
}
.event-one__action {
margin-top: 15px;
}
.event-one:hover .event-one__image img {
transform: scale(1.1);
}
.event-two__single {
background: #fff;
border-radius: 20px;
width: 100%;
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
}
.event-two__wrap {
position: relative;
}
.event-two__schedule-details {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.event-two__schedule-details .time {
background: var(--e-global-color-primary);
border-radius: 30px;
padding: 8px 20px;
height: 41px;
font-size: 16px;
font-weight: 500;
text-align: center;
color: #fff;
white-space: nowrap;
display: flex;
align-items: center;
}
@media (max-width: 1024px) {
.event-two__schedule-details .time {
font-size: 14px;
}
}
.event-two__schedule-details .icon {
font-size: 20px;
color: #fff;
margin-right: 5px;
}
.event-two__schedule-details .date {
background: var(--e-global-color-secondary);
clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 100%, 15px 52%);
color: #fff;
font-size: 16px;
font-weight: 700;
padding: 6px 20px;
padding-left: 30px;
text-transform: uppercase;
margin-right: -30px;
}
@media (max-width: 1200px) {
.event-two__schedule-details .date {
font-size: 14px;
}
}
.event-two__image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: scale(0);
transition: all 0.35s;
overflow: hidden;
}
.event-two__image .tribe-events-event-image {
height: 100%;
margin-bottom: 0;
}
.event-two__image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.event-two__image img {
border-radius: 20px;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: all 0.35s;
}
.event-two__content {
position: relative;
padding: 30px 30px;
background: #fff;
border-radius: 20px;
transition: all 0.35s;
}
@media (max-width: 1200px) {
.event-two__content {
padding: 30px 18px;
}
}
.event-two__content-inner {
max-width: 460px;
}
.event-two__title {
font-size: 24px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
line-height: 33px;
margin: 20px 0 15px;
}
.event-two__summary {
font-size: 16px;
line-height: 28px;
}
.event-two__bottom {
margin-top: 30px;
display: flex;
align-items: flex-start;
font-weight: 500;
}
@media (max-width: 1024px) {
.event-two__bottom {
margin-top: 20px;
}
}
.event-two__bottom .text {
color: var(--e-global-color-primary);
font-size: 16px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
}
.event-two__bottom div + div {
margin-left: 30px;
padding-left: 30px;
border-left: 1px solid #D7D7D7;
}
@media (max-width: 1024px) {
.event-two__bottom div + div {
margin-left: 15px;
padding-left: 15px;
}
}
.event-two__venue-details .text i {
color: var(--e-global-color-secondary);
margin-right: 6px;
}
.event-two__venue-details .text .tribe-events-gmap {
color: var(--donatm-body-color);
font-weight: 500;
}
.event-two__organizer {
white-space: nowrap;
}
.event-two__single:hover .event-two__image {
transform: scale(1);
}
.event-two__single:hover .event-two__content {
background: rgba(255, 255, 255, 0.8);
}
.event-three__single {
background: #fff;
border-radius: 20px;
padding: 30px;
width: 100%;
border: 1px solid #D7D3CB;
}
@media (max-width: 1200px) {
.event-three__single {
padding: 15px;
}
}
.event-three__wrap {
display: flex;
}
@media (max-width: 520px) {
.event-three__wrap {
flex-wrap: wrap;
}
}
.event-three__schedule-details {
background: #fff;
border-radius: 30px;
padding: 6px 20px 6px;
border: 1px solid #D7D7D7;
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-align: center;
color: var(--donatm-heading-color);
display: inline-flex;
align-items: center;
white-space: nowrap;
gap: 10px;
margin-bottom: 16px;
}
@media (max-width: 680px) {
.event-three__schedule-details {
font-size: 12px;
line-height: 18px;
padding-left: 10px;
padding-right: 10px;
white-space: wrap;
}
}
.event-three__schedule-details .icon {
color: var(--e-global-color-secondary);
margin-right: 5px;
}
.event-three__image {
flex: 0 0 30%;
position: relative;
overflow: hidden;
}
@media (max-width: 520px) {
.event-three__image {
flex: 0 0 100%;
}
}
.event-three__image .tribe-events-event-image {
height: 100%;
margin-bottom: 0;
}
.event-three__image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
@media (max-width: 520px) {
.event-three__image a {
position: relative;
}
}
.event-three__image img {
border-radius: 20px;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: all 0.35s;
}
.event-three__content {
flex-grow: 1;
display: flex;
align-items: center;
gap: 30px;
}
@media (max-width: 1200px) {
.event-three__content {
padding: 15px 0;
}
}
@media (max-width: 520px) {
.event-three__content {
display: block;
width: 100%;
}
}
.event-three__content-inner {
flex: 1 1 0;
padding: 0 30px;
}
@media (max-width: 1200px) {
.event-three__content-inner {
padding: 15px;
}
}
@media (max-width: 520px) {
.event-three__content-inner {
padding: 15px 0 0;
}
}
.event-three__title {
font-size: 24px;
line-height: 33px;
margin: 0 0 15px;
}
.event-three__summary {
font-size: 16px;
line-height: 28px;
}
.event-three__venue-details {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #D7D7D7;
display: block;
}
.event-three__venue-details .venue-text {
color: var(--e-global-color-primary);
font-size: 18px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
}
.event-three__venue-details div + div {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #D7D7D7;
}
.event-three__action {
margin-top: 30px;
}
.event-three__right {
display: flex;
justify-content: right;
align-items: center;
}
@media (max-width: 992px) {
.event-three__right {
display: none;
}
}
.event-three:hover .event-three__image img {
transform: scale(1.1);
}
.event-four__single {
background: #fff;
border-radius: 20px;
width: 100%;
box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.08);
margin-bottom: 30px;
margin-top: 10px;
overflow: hidden;
}
.event-four__wrap {
position: relative;
display: flex;
}
@media (max-width: 520px) {
.event-four__wrap {
flex-wrap: wrap;
}
}
.event-four__time {
border: 1px solid var(--e-global-color-primary);
border-radius: 40px;
padding: 6px 16px 5px;
color: var(--donatm-link-color);
display: inline-block;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
}
.event-four__time .icon {
color: var(--e-global-color-secondary);
margin-right: 5px;
}
.event-four__image {
flex: 0 0 40%;
transition: all 0.35s;
position: relative;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 520px) {
.event-four__image {
flex: 0 0 100%;
order: 1;
min-height: 250px;
}
}
.event-four__image .tribe-events-event-image {
height: 100%;
margin-bottom: 0;
}
.event-four__image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.event-four__image img {
border-radius: 20px;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
transition: all 0.6s;
}
.event-four__content {
flex-grow: 1;
position: relative;
padding: 30px 30px 30px 25px;
background: #fff;
border-radius: 20px;
transition: all 0.35s;
}
@media (max-width: 520px) {
.event-four__content {
flex: 0 0 100%;
width: 100%;
order: 9;
}
}
.event-four__title {
font-size: 22px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
line-height: 32px;
margin: 20px 0 15px;
letter-spacing: -0.04em;
}
.event-four__summary {
font-size: 16px;
line-height: 26px;
}
.event-four__action {
margin-top: 25px;
}
.event-four__organizer {
position: absolute;
right: -20px;
z-index: 2;
top: 50%;
transform: translateY(-50%);
}
@media (max-width: 520px) {
.event-four__organizer {
display: none;
}
}
.event-four__organizer span {
white-space: nowrap;
border-radius: 10px;
background: var(--e-global-color-secondary);
color: #fff;
padding: 15px 6px;
font-weight: 700;
font-family: var(--donatm-heading-font-family);
display: inline-block;
writing-mode: vertical-lr;
transform: rotate(180deg);
}
.event-four__single:hover .event-four__image img {
transform: scale(1.1);
}
.event-four__single:hover .event-four__content {
background: rgba(255, 255, 255, 0.8);
}
.tribe-event-block {
max-width: 500px;
margin: 0 auto 30px;
position: relative;
border-radius: 8px;
overflow: hidden;
}
.tribe-event-block .block-content {
position: relative;
}
.tribe-event-block .block-content .tribe-start-date {
font-size: 14px;
line-height: 20px;
font-weight: 700;
background: var(--e-global-color-primary);
padding: 12px 20px;
color: #fff;
position: absolute;
top: 0;
left: 30px;
z-index: 11;
border-radius: 0 0 8px 8px;
text-align: center;
text-transform: uppercase;
transition: all 0.35s;
}
.tribe-event-block .block-content .tribe-events-event-image {
margin-bottom: 0;
}
.tribe-event-block .block-content .tribe-events-event-image:after {
content: '';
position: absolute;
background-image: linear-gradient(to top, #122F2A, transparent 50%);
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
transition: all 0.35s;
opacity: 1;
}
.tribe-event-block .block-content .tribe-event-content {
position: absolute;
bottom: 0;
left: 0;
z-index: 11;
color: #fff;
padding: 30px 30px 25px;
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta {
font-size: 14px;
font-weight: 600;
margin-bottom: 0;
color: rgba(255, 255, 255, 0.9);
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta:before {
display: none;
}
.tribe-event-block .block-content .tribe-event-content .tribe-events-event-meta i {
margin-right: 5px;
}
.tribe-event-block .block-content .tribe-event-content .event-title {
color: #fff;
font-size: 20px;
line-height: 28px;
margin: 0;
transition: all 0.35s;
}
.tribe-event-block .tribe-event-url {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 11;
}
.tribe-event-block:hover .event-title {
color: var(--e-global-color-primary) !important;
}
.tribe-event-block:hover .tribe-start-date {
background: var(--e-global-color-secondary) !important;
}
.events-accordion .events-accordion-wrap {
display: flex;
height: 395px;
overflow: hidden;
gap: 20px;
}
@media (max-width: 992px) {
.events-accordion .events-accordion-wrap {
flex-direction: column;
height: 720px;
gap: 0;
}
}
.events-accordion .events-accordion-wrap > .event-accordion-item {
flex: 1 1 0%;
-webkit-box-flex: 1;
position: relative;
overflow: hidden;
background-size: cover;
background-position: center center;
transition: flex 0.5s;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
margin-bottom: 30px;
z-index: 1;
}
.events-accordion .events-accordion-wrap > .event-accordion-item:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #fff;
opacity: 0;
z-index: 1;
transition: all 0.5s;
}
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 111;
transition: all 0.8s;
transition-delay: 0.2s;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 992px) {
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg {
justify-content: flex-start;
}
}
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg:after {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 100%;
background: linear-gradient(360deg, #010F1C 20%, rgba(18, 47, 42, 0.2) 100%);
opacity: 0.8;
}
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg .overlay-control {
position: absolute;
top: 0;
left: 0;
z-index: 11;
width: 100%;
height: 100%;
}
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg-title {
writing-mode: vertical-rl;
transform: rotate(180deg);
color: #fff;
font-size: 22px;
position: relative;
z-index: 11;
padding: 25px 15px 75px 15px;
margin: 0;
height: 100%;
}
@media (max-width: 1024px) {
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg-title {
padding: 15px 15px 75px 15px;
font-size: 20px;
}
}
@media (max-width: 992px) {
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__bg-title {
writing-mode: unset;
transform: rotate(0);
height: auto;
padding: 15px 75px 15px 15px;
}
}
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__arrow {
width: 50px;
height: 50px;
border-radius: 50%;
border: 3px solid #D7D7D7;
background: var(--e-global-color-secondary);
position: absolute;
top: 15px;
left: calc(50% - 25px);
z-index: 9;
display: flex;
align-items: center;
justify-content: center;
font-size: 20px;
color: #fff;
transition: all 0.5s;
}
@media (max-width: 992px) {
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__arrow {
top: calc(50% - 25px);
left: auto;
right: 15px;
}
}
.events-accordion .events-accordion-wrap > .event-accordion-item .event-accordion__right {
opacity: 0;
transition: all 0.3s ease-out 0s;
}
.events-accordion .events-accordion-wrap > .event-accordion-item:hover .event-accordion__arrow, .events-accordion .events-accordion-wrap > .event-accordion-item:focus .event-accordion__arrow {
background: var(--e-global-color-primary);
}
.events-accordion .events-accordion-wrap > .event-accordion-item.active {
flex: 3 1 0%;
}
@media (max-width: 992px) {
.events-accordion .events-accordion-wrap > .event-accordion-item.active {
flex: 2 1 0%;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);
}
}
.events-accordion .events-accordion-wrap > .event-accordion-item.active:before {
opacity: 1;
transition: opacity 0.5s ease-in 0.6s;
}
.events-accordion .events-accordion-wrap > .event-accordion-item.active .event-accordion__bg {
opacity: 0;
z-index: -1;
}
.events-accordion .events-accordion-wrap > .event-accordion-item.active:before {
opacity: 1;
}
.events-accordion .events-accordion-wrap > .event-accordion-item.active .event-accordion__content-inner {
opacity: 1;
}
.events-accordion .events-accordion-wrap > .event-accordion-item.active .event-accordion__main {
opacity: 1;
transition: all 0.3s ease-in 0.5s;
}
.events-accordion .events-accordion-wrap > .event-accordion-item.active .event-accordion__right {
opacity: 1;
transition: all 0.2s ease-in 0.6s;
display: block;
}
.event-accordion {
position: relative;
width: 100%;
height: 100%;
z-index: 11;
background: #fff;
}
.event-accordion__main {
display: flex;
flex-wrap: wrap;
background: #fff;
opacity: 0;
width: 100%;
height: 100%;
padding: 20px;
}
.event-accordion__image {
flex: 0 0 260px;
position: relative;
overflow: hidden;
border-radius: 20px;
}
@media (max-width: 1200px) {
.event-accordion__image {
flex: 0 0 219px;
}
}
@media (max-width: 560px) {
.event-accordion__image {
display: none;
}
}
.event-accordion__image a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.event-accordion__image img {
position: absolute;
height: 100%;
width: 100%;
object-fit: cover;
transform: translate(-50%, -50%);
top: 50%;
left: 50%;
}
.event-accordion__schedule {
position: absolute;
background: #fff;
bottom: 20px;
left: 20px;
right: 20px;
padding: 10px;
border-radius: 30px;
z-index: 11;
text-align: center;
font-weight: 500;
font-size: 14px;
line-height: 20px;
}
@media (max-width: 1200px) {
.event-accordion__schedule {
left: 10px;
right: 10px;
bottom: 10px;
border-radius: 10px;
}
}
.event-accordion__schedule i {
color: var(--e-global-color-secondary);
margin-right: 5px;
}
.event-accordion__right {
flex: 0 0 calc(100% - 260px);
padding: 0 20px 0 30px;
}
@media (max-width: 1200px) {
.event-accordion__right {
flex: 0 0 calc(100% - 220px);
padding: 0 0 0 20px;
}
}
@media (max-width: 560px) {
.event-accordion__right {
flex: 0 0 100%;
padding: 0;
}
}
.event-accordion__title {
margin: 0;
font-size: 22px;
font-weight: 700;
line-height: 32px;
}
@media (max-width: 991px) {
.event-accordion__title {
font-size: 20px;
}
}
.event-accordion__venue {
border-top: 1px solid #D7D7D7;
margin-top: 16px;
padding-top: 16px;
font-size: 15px;
line-height: 26px;
}
.event-accordion__venue .text {
font-family: var(--donatm-heading-font-family);
color: var(--e-global-color-primary);
font-weight: 700;
font-size: 18px;
}
.event-accordion__desc {
margin-top: 10px;
font-size: 15px;
line-height: 26px;
}
@media (max-width: 1600px) {
.event-accordion__desc {
display: none;
}
}
.event-accordion__action {
margin-top: 20px;
}
.event-accordion__link-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 3;
}
.event-accordion.active .event-accordion__content-inner {
opacity: 1;
}
.event-accordion.active .event-accordion__button {
opacity: 1;
}
.tribe-events .tribe-events-c-ical__link {
border-color: var(--e-global-color-primary);
color: var(--e-global-color-primary);
}
.tribe-events .tribe-events-c-ical__link:before {
display: none;
}
.tribe-events .tribe-events-c-ical__link:hover, .tribe-events .tribe-events-c-ical__link:active, .tribe-events .tribe-events-c-ical__link:focus {
background-color: var(--e-global-color-primary);
}
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
background: var(--e-global-color-primary);
}
.tribe-common .tribe-common-c-btn:hover, .tribe-common .tribe-common-c-btn:active, .tribe-common .tribe-common-c-btn:focus, .tribe-common a.tribe-common-c-btn:hover, .tribe-common a.tribe-common-c-btn:active, .tribe-common a.tribe-common-c-btn:focus {
background: var(--e-global-color-primary);
opacity: 0.8;
}
.tribe-events-l-container {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tribe-events-calendar-list .tribe-events-calendar-list__month-separator {
margin-bottom: 30px;
}
.event-layout-list .event-list-item {
margin-bottom: 30px;
}
#tribe-events-pg-template {
max-width: 100%;
}
.tribe-events-single {
margin: 65px 0 50px !important;
}
@media (max-width: 1024px) {
.tribe-events-single {
margin: 45px 0 40px !important;
}
}
.tribe-events-single .tribe-events-back {
margin-bottom: 5px;
}
.tribe-events-single .tribe-events-single-event-title {
font-size: 32px;
line-height: 42px;
margin-bottom: 15px;
color: var(--donatm-heading-color);
}
.tribe-events-single .tribe-event-content-inner .tribe-events-event-image {
text-align: center;
}
.tribe-events-single .tribe-events-schedule {
color: #122F2A;
}
.tribe-events-single .tribe-events-schedule .icon {
margin-right: 6px;
color: var(--e-global-color-primary);
}
.tribe-events-single .tribe-events-single-event-description {
font-size: 16px;
color: var(--donatm-body-color);
}
.tribe-events-single .tribe-events-event-meta {
background: none;
border: none;
margin: 0;
padding: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-events-single-section-title {
font-size: 20px;
font-weight: normal;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail {
padding: 30px;
border: 1px solid #D7D7D7;
box-shadow: 0px 20px 20px 0px rgba(63, 56, 54, 0.04);
margin-top: 30px;
width: 100%;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-events-single-section-title {
display: none;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div {
float: left;
margin-right: 20px;
font-size: 16px;
font-weight: 500;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div .icon {
color: var(--e-global-color-primary);
margin-right: 3px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div a {
color: var(--donatm-body-color);
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail > div a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail .event-meta-tags dt, .tribe-events-single .tribe-events-event-meta .tribe-event-single-detail .tribe-event-single-meta-detail .event-meta-tags dd {
clear: none;
display: inline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom {
margin: 50px 0;
width: 100%;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-meta-group {
width: 100%;
padding: 0;
margin: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-meta-group .tribe-events-single-section-title {
color: #fff;
margin: 0 0 35px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map {
padding: 0;
margin: 0;
width: 100%;
border: none;
border-radius: 0;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map > div, .tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .tribe-events-venue-map > iframe {
min-height: 310px;
max-height: 310px;
margin-bottom: -6px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer {
overflow: hidden;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner {
background: #122F2A;
position: relative;
float: left;
width: 100%;
padding: 45px 50px;
color: #fff;
}
@media (max-width: 991.98px) {
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner {
padding: 35px 30px;
}
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner:after {
content: '';
background: #122F2A;
width: 100%;
height: 200px;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner a {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner .meta-item {
font-weight: 500;
font-size: 16px;
margin-bottom: 15px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner .meta-item .icon {
margin-right: 10px;
display: inline-block;
position: relative;
top: 5px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-organizer > .content-inner .meta-item .icon svg {
fill: var(--e-global-color-primary);
width: 25px;
height: auto;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue {
overflow: hidden;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .tribe-events-single-section-title {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner {
background: var(--e-global-color-primary);
position: relative;
float: left;
width: 100%;
color: #fff;
padding: 45px 50px;
}
@media (max-width: 991.98px) {
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner {
padding: 50px 30px;
}
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner:after {
content: '';
background: var(--e-global-color-primary);
width: 100%;
height: 200px;
position: absolute;
top: 100%;
left: 0;
z-index: 1;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner a {
color: #fff;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue > .content-inner a:hover {
text-decoration: underline;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item {
font-weight: 500;
font-size: 16px;
margin-bottom: 15px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .icon {
margin-right: 10px;
display: inline-block;
position: relative;
top: 5px;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .icon svg {
fill: #fff;
width: 25px;
height: auto;
}
.tribe-events-single .tribe-events-event-meta .tribe-event-meta-bottom .event-single-venue .meta-item .tribe-events-address {
font-size: 14px;
line-height: 24px;
}
.tribe-events-single .tribe-events-c-subscribe-dropdown .tribe-common-c-btn-border {
white-space: nowrap;
width: auto;
padding: 15px;
}
.post-type-archive-tribe_events #tribe-events-bar {
background: #fff;
border: 1px solid #D7D7D7;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form {
background: #fff;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form input[type=text] {
outline: none;
border-bottom: 1px dashed #D7D7D7;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-submit .tribe-events-button {
background: #122F2A;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner {
background: #fff;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner #tribe-bar-views-toggle:focus, .post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner #tribe-bar-views-toggle:hover {
background: #fff;
outline: none;
}
.post-type-archive-tribe_events #tribe-events-bar #tribe-bar-form .tribe-bar-views .tribe-bar-views-inner .tribe-bar-views-list {
background: #fff;
border: 1px solid #D7D7D7;
}
.post-type-archive-tribe_events table.tribe-events-calendar {
border-left: 0 !important;
border-right: 0 !important;
border-bottom-color: #D7D7D7;
}
.post-type-archive-tribe_events table.tribe-events-calendar thead th {
background: none;
color: #122F2A;
text-align: left;
border: none;
border-bottom: 1px solid #D7D7D7;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody {
border-left: 1px solid #D7D7D7;
border-right: 1px solid #D7D7D7;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td {
border-color: #D7D7D7 !important;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td div[id*=tribe-events-daynum-], .post-type-archive-tribe_events table.tribe-events-calendar tbody td div[id*=tribe-events-daynum-] > a {
background: none !important;
font-size: 20px;
color: #141827;
font-weight: 500;
padding-top: 10px;
padding-left: 10px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-month-event-title {
font-size: 14px !important;
line-height: 22px !important;
font-weight: 500 !important;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip {
padding: 20px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .entry-title {
margin-bottom: 15px;
font-size: 20px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-event-duration {
font-size: 14px;
color: var(--e-global-color-primary);
font-weight: 500;
width: 100%;
margin-bottom: 15px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb {
width: 90px;
margin-right: 1px;
margin-bottom: 1px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-events-event-thumb img {
max-width: 100%;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td .tribe-events-tooltip .tribe-events-event-body .tribe-event-description {
font-size: 14px;
line-height: 24px;
}
.post-type-archive-tribe_events table.tribe-events-calendar tbody td:hover {
background: none !important;
border-bottom: 2px solid var(--e-global-color-primary) !important;
}
.events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop {
max-width: 100%;
}
#tribe-events, #tribe-events-pg-template, .tribe-events-pg-template {
padding: 0;
}
.tribe-events-sub-nav li a {
background: none !important;
padding: 0 !important;
color: #122F2A;
}
.portfolio-one__single {
position: relative;
max-width: 680px;
margin: 0 auto 30px;
}
.portfolio-one__image {
position: relative;
text-align: center;
z-index: 1;
border-radius: 8px;
overflow: hidden;
}
.portfolio-one__link {
display: block;
}
.portfolio-one__link:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #122F2A;
transition: all 0.35s;
opacity: 0;
}
.portfolio-one__link img {
transition: all 0.35s;
}
.portfolio-one__content {
padding: 30px;
transition: all 0.3s;
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.07);
border-radius: 0 10px 10px 10px;
position: relative;
z-index: 9;
margin-top: -40px;
margin-right: 30px;
background: #fff;
}
@media (max-width: 1024px) {
.portfolio-one__content {
padding: 20px 15px;
}
}
.portfolio-one__category {
font-size: 15px;
line-height: 18px;
}
.portfolio-one__category a {
color: var(--donatm-body-color);
}
.portfolio-one__category a:hover {
color: var(--e-global-color-primary);
text-decoration: underline;
}
.portfolio-one__title {
display: block;
font-size: 20px;
margin: 5px 0 6px;
}
@media (max-width: 1024px) {
.portfolio-one__title {
font-size: 18px;
}
}
.portfolio-one__title a:hover {
text-decoration: underline;
}
.portfolio-one__arrow {
width: 50px;
height: 50px;
background: var(--e-global-color-primary);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: -25px;
right: 20px;
z-index: 9;
font-size: 14px;
transition: all 0.5s;
border-radius: 50%;
}
.portfolio-one__single:hover .portfolio-one__arrow, .portfolio-one__single:active .portfolio-one__arrow, .portfolio-one__single:focus .portfolio-one__arrow {
background: var(--e-global-color-secondary);
}
.portfolio-one__single:hover .portfolio-one__link:after, .portfolio-one__single:active .portfolio-one__link:after, .portfolio-one__single:focus .portfolio-one__link:after {
opacity: 0.5;
}
.portfolio-two {
position: relative;
max-width: 680px;
margin: 0 auto 30px;
}
.portfolio-two__image {
position: relative;
text-align: center;
z-index: 1;
border-radius: 8px;
overflow: hidden;
}
.portfolio-two__link {
display: block;
}
.portfolio-two__link img {
transition: all 0.35s;
}
.portfolio-two__content {
padding: 18px 90px 18px 20px;
transition: all 0.3s;
box-shadow: 0px 8px 40px 0px rgba(0, 0, 0, 0.07);
border-radius: 0 15px 0 15px;
position: absolute;
bottom: 30px;
left: 30px;
right: 30px;
z-index: 9;
background: #fff;
opacity: 0.9;
}
@media (max-width: 1300px) {
.portfolio-two__content {
padding: 15px 50px 15px 15px;
bottom: 18px;
left: 15px;
right: 15px;
}
}
.portfolio-two__category {
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.portfolio-two__category a {
color: var(--e-global-color-secondary);
}
.portfolio-two__category a:hover {
text-decoration: underline;
}
.portfolio-two__title {
display: block;
font-size: 20px;
margin: 5px 0 0;
}
@media (max-width: 1300px) {
.portfolio-two__title {
font-size: 18px;
}
}
.portfolio-two__arrow {
position: absolute;
width: 75px;
height: 100%;
top: 0;
right: 0;
z-index: 9;
background: var(--e-global-color-secondary);
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
transition: all 0.5s;
border-radius: 0 15px 0 0;
}
@media (max-width: 1300px) {
.portfolio-two__arrow {
width: 45px;
font-size: 16px;
}
}
.portfolio-two__arrow i {
display: inline-block;
transition: all 0.35s;
}
.portfolio-two:hover .portfolio-two__content, .portfolio-two:active .portfolio-two__content, .portfolio-two:focus .portfolio-two__content {
opacity: 1;
}
.portfolio-two:hover .portfolio-two__arrow i, .portfolio-two:active .portfolio-two__arrow i, .portfolio-two:focus .portfolio-two__arrow i {
transform: rotate(-45deg);
}
.portfolio-filter {
margin-bottom: 25px;
width: 100%;
}
.portfolio-filter ul.nav-tabs {
display: inline-block;
text-align: center;
border: none;
width: 100%;
}
.portfolio-filter ul.nav-tabs > li {
padding: 5px 8px 0;
}
.portfolio-filter ul.nav-tabs > li > a {
font-weight: 500;
color: #122F2A;
transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
padding: 0;
font-size: 16px;
position: relative;
z-index: 11;
}
.portfolio-filter ul.nav-tabs > li > a:after {
content: '';
width: 0;
height: 2px;
background: #122F2A;
position: absolute;
bottom: 0;
left: 0;
z-index: -1px;
transition: all 0.35s;
}
.portfolio-filter ul.nav-tabs > li > a .count {
border-radius: 50%;
z-index: 1;
position: absolute;
top: -20px;
right: -17px;
font-size: 12px;
color: var(--donatm-body-color);
opacity: 0;
transition: all 0.35s;
}
.portfolio-filter ul.nav-tabs > li > a:hover, .portfolio-filter ul.nav-tabs > li > a.active {
color: #122F2A;
}
.portfolio-filter ul.nav-tabs > li > a:hover:after, .portfolio-filter ul.nav-tabs > li > a.active:after {
width: 100%;
}
.portfolio-filter ul.nav-tabs > li > a:hover .count, .portfolio-filter ul.nav-tabs > li > a.active .count {
top: -10px;
opacity: 1;
}
.gva-portfolio-items {
float: left;
width: 100%;
} .ajax-loading {
display: none;
}
.index-main-page {
margin-top: 30px;
}
.wrapper-page .heading-title {
text-transform: capitalize;
margin-bottom: 0;
display: block;
font-size: 20px;
margin-top: 15px;
}
#wp-main-content {
min-height: 50px;
}
.pagination .disabled {
background: var(--e-global-color-primary);
color: #fff;
}
.pagination .current {
background: var(--e-global-color-primary);
color: #fff;
}
.page.white .wp-content article {
background: #fff;
padding: 20px;
} body.error404 .header-default {
border-bottom: 2px solid #D7D7D7;
}
.not-found-wrapper {
padding: 90px 0 100px;
box-shadow: inset 0 10px 30px rgba(0, 0, 0, 0.08);
}
@media (max-width: 991.98px) {
.not-found-wrapper {
padding: 80px 0 80px;
}
}
.not-found-wrapper .not-found-image {
max-width: var(--donatm-nfpage-image-width);
margin: 0 auto;
}
.not-found-wrapper .not-found-title h1 {
font-size: 36px;
line-height: 1;
margin: 18px 0 20px;
}
@media (max-width: 1024.98px) {
.not-found-wrapper .not-found-title h1 {
font-size: 32px;
}
}
@media (max-width: 991.98px) {
.not-found-wrapper .not-found-title h1 {
font-size: 28px;
}
}
.not-found-wrapper .not-found-desc {
font-size: 18px;
max-width: 550px;
margin: 0 auto;
}
.not-found-wrapper .not-found-home {
margin-top: 20px;
}
.woocommerce-cart h2 {
font-size: 25px;
}
.woocommerce-cart .shipping_calculator {
margin-bottom: 30px;
}
.woocommerce-cart .cart-collaterals {
margin-bottom: 40px;
margin-top: 50px;
}
.woocommerce-cart .actions input[name^="update_cart"] {
float: right;
margin-top: 5px;
}
.woocommerce-cart .actions .coupon {
float: left;
margin-bottom: 10px;
}
@media (max-width: 767.98px) {
.woocommerce-cart .actions .coupon {
width: 100%;
}
}
.main-page-index {
margin-top: 90px;
margin-bottom: 50px;
}
.content-page-index .post-masonry-index .post {
margin-bottom: 55px;
}
.content-page-index .post-masonry-index .post.sticky .entry-content:before {
content: '\f02e';
font-family: "Font Awesome 5 Free";
position: absolute;
top: -1px;
left: 35px;
color: var(--e-global-color-primary);
font-size: 18px;
z-index: 1;
line-height: 1;
}
.search-no-results .main-page-content .search-no-results-content {
padding: 30px;
background: #F5F7F6;
margin-bottom: 30px;
width: 100%;
float: none;
}
.search-no-results .main-page-content .search-no-results-content .message {
color: #122F2A;
}
body.page .content-page-inner h1.title {
margin-bottom: 30px;
}
body.archive #tribe-events {
padding: 35px 0 60px;
}
@media (max-width: 575.98px) {
body.archive #tribe-events {
padding: 10px 0 30px;
}
}
.single-page-template .single-content-inner.container, .single-page-template .single-content-inner > .container, .single-post-template .single-content-inner.container, .single-post-template .single-content-inner > .container {
padding-top: 30px;
padding-bottom: 50px;
} .wpcf7-form .row, .wpcf7 .row {
margin: 0 -10px;
}
.wpcf7-form .row > div, .wpcf7 .row > div {
padding: 0 10px;
}
.wpcf7-form p, .wpcf7 p {
margin-bottom: 20px;
font-weight: 600;
}
.wpcf7-form .wpcf7-form-control-wrap, .wpcf7 .wpcf7-form-control-wrap {
display: block;
margin-bottom: 22px;
}
.wpcf7-form label, .wpcf7 label {
display: inline-block;
font-weight: 500;
color: #122F2A;
margin-bottom: 5px;
}
.wpcf7-form input[type*="email"], .wpcf7-form input[type*="text"], .wpcf7-form input[type*="tel"], .wpcf7-form input[type*="date"], .wpcf7 input[type*="email"], .wpcf7 input[type*="text"], .wpcf7 input[type*="tel"], .wpcf7 input[type*="date"] {
width: 100%;
padding: 0 20px;
background: #F7F4EF;
font-size: 14px;
border-radius: 10px;
transition: all 0.35s;
border: none;
line-height: 58px;
}
.wpcf7-form input[type*="email"]:focus, .wpcf7-form input[type*="email"]:active, .wpcf7-form input[type*="text"]:focus, .wpcf7-form input[type*="text"]:active, .wpcf7-form input[type*="tel"]:focus, .wpcf7-form input[type*="tel"]:active, .wpcf7-form input[type*="date"]:focus, .wpcf7-form input[type*="date"]:active, .wpcf7 input[type*="email"]:focus, .wpcf7 input[type*="email"]:active, .wpcf7 input[type*="text"]:focus, .wpcf7 input[type*="text"]:active, .wpcf7 input[type*="tel"]:focus, .wpcf7 input[type*="tel"]:active, .wpcf7 input[type*="date"]:focus, .wpcf7 input[type*="date"]:active {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);
}
.wpcf7-form select, .wpcf7 select {
background: #F7F4EF;
line-height: 50px;
height: 50px;
width: 100%;
color: var(--donatm-body-color);
border-radius: 10px;
font-size: 14px;
border: none;
}
.wpcf7-form select:focus, .wpcf7-form select:active, .wpcf7 select:focus, .wpcf7 select:active {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.06);
}
.wpcf7-form textarea, .wpcf7 textarea {
width: 100%;
padding: 10px 20px;
max-height: 132px;
background: #F7F4EF;
border: none;
font-size: 14px;
border-radius: 10px;
}
.wpcf7-form textarea::-webkit-input-placeholder, .wpcf7 textarea::-webkit-input-placeholder {
color: var(--donatm-body-color);
}
.wpcf7-form textarea::-moz-placeholder, .wpcf7 textarea::-moz-placeholder {
color: var(--donatm-body-color);
}
.wpcf7-form textarea:-ms-input-placeholder, .wpcf7 textarea:-ms-input-placeholder {
color: var(--donatm-body-color);
}
.wpcf7-form textarea:-moz-placeholder, .wpcf7 textarea:-moz-placeholder {
color: var(--donatm-body-color);
}
.wpcf7-form textarea:focus, .wpcf7-form textarea:active, .wpcf7 textarea:focus, .wpcf7 textarea:active {
border-color: var(--e-global-color-primary) !important;
}
.wpcf7-form textarea.size-medium, .wpcf7 textarea.size-medium {
max-height: 135px;
}
.wpcf7-form .form-action, .wpcf7 .form-action {
text-align: center;
padding: 0;
position: relative;
}
.wpcf7-form .form-action input, .wpcf7 .form-action input {
padding: 10px 38px 10px !important;
}
.wpcf7-form .form-action .ajax-loader, .wpcf7 .form-action .ajax-loader {
position: absolute;
right: 0;
top: 50%;
margin-top: -8px;
}
.contact-border-white .wpcf7-form input[type*="email"], .contact-border-white .wpcf7-form input[type*="text"], .contact-border-white .wpcf7-form input[type*="tel"], .contact-border-white .wpcf7-form input[type*="date"], .contact-border-white .wpcf7-form textarea {
border: 1px solid rgba(255, 255, 255, 0.3) !important;
background: transparent;
color: #fff;
transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1);
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0) !important;
}
.contact-border-white .wpcf7-form input[type*="email"]::-webkit-input-placeholder, .contact-border-white .wpcf7-form input[type*="text"]::-webkit-input-placeholder, .contact-border-white .wpcf7-form input[type*="tel"]::-webkit-input-placeholder, .contact-border-white .wpcf7-form input[type*="date"]::-webkit-input-placeholder, .contact-border-white .wpcf7-form textarea::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.contact-border-white .wpcf7-form input[type*="email"]::-moz-placeholder, .contact-border-white .wpcf7-form input[type*="text"]::-moz-placeholder, .contact-border-white .wpcf7-form input[type*="tel"]::-moz-placeholder, .contact-border-white .wpcf7-form input[type*="date"]::-moz-placeholder, .contact-border-white .wpcf7-form textarea::-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.contact-border-white .wpcf7-form input[type*="email"]:-ms-input-placeholder, .contact-border-white .wpcf7-form input[type*="text"]:-ms-input-placeholder, .contact-border-white .wpcf7-form input[type*="tel"]:-ms-input-placeholder, .contact-border-white .wpcf7-form input[type*="date"]:-ms-input-placeholder, .contact-border-white .wpcf7-form textarea:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.contact-border-white .wpcf7-form input[type*="email"]:-moz-placeholder, .contact-border-white .wpcf7-form input[type*="text"]:-moz-placeholder, .contact-border-white .wpcf7-form input[type*="tel"]:-moz-placeholder, .contact-border-white .wpcf7-form input[type*="date"]:-moz-placeholder, .contact-border-white .wpcf7-form textarea:-moz-placeholder {
color: rgba(255, 255, 255, 0.8);
}
.contact-border-white .wpcf7-form input[type*="email"]:focus, .contact-border-white .wpcf7-form input[type*="email"]:active, .contact-border-white .wpcf7-form input[type*="text"]:focus, .contact-border-white .wpcf7-form input[type*="text"]:active, .contact-border-white .wpcf7-form input[type*="tel"]:focus, .contact-border-white .wpcf7-form input[type*="tel"]:active, .contact-border-white .wpcf7-form input[type*="date"]:focus, .contact-border-white .wpcf7-form input[type*="date"]:active, .contact-border-white .wpcf7-form textarea:focus, .contact-border-white .wpcf7-form textarea:active {
box-shadow: inset 0 0 8px rgba(255, 255, 255, 0.5), 0 0 8px rgba(255, 255, 255, 0.2) !important;
}
.contact-border-white .wpcf7-form select {
border: 1px solid rgba(255, 255, 255, 0.3) !important;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: linear-gradient(45deg, transparent 50%, var(--e-global-color-primary) 50%), linear-gradient(135deg, var(--e-global-color-primary) 50%, transparent 50%) !important;
background-size: 8px 7px, 8px 7px !important;
background-repeat: no-repeat !important;
background-position: calc(100% - 17px), calc(100% - 10px) !important;
line-height: 20px;
color: rgba(255, 255, 255, 0.8);
}
.contact-border-white .wpcf7-form select option {
color: var(--donatm-heading-color);
}
.contact-border-white .wpcf7-form .form-action .wpcf7-submit {
background: var(--e-global-color-secondary) !important;
color: #fff;
}
.contact-white .wpcf7-form input[type*="email"], .contact-white .wpcf7-form input[type*="text"], .contact-white .wpcf7-form input[type*="tel"], .contact-white .wpcf7-form input[type*="date"] {
background: #fff;
border-radius: 10px;
box-shadow: 0 0px 6px rgba(0, 0, 0, 0.038) !important;
}
.contact-white select {
background: #fff;
border: 1px solid #D7D7D7 !important;
border-radius: 6px;
}
.contact-white textarea {
border-radius: 6px;
background: #fff;
}
.contact-fw .wpcf7-form .row > div {
width: 100%;
flex: 0 0 100%;
}
.newsletter__form {
position: relative;
max-width: 800px;
overflow: hidden;
}
.newsletter__content {
position: relative;
}
.newsletter__content input[type="email"] {
padding: 0 15px;
text-align: left;
height: 56px;
width: 100%;
border: none;
transition: all 0.35s;
font-size: 14px;
border-radius: 8px;
background: #fff;
}
.newsletter__content input[type="email"]::-webkit-input-placeholder {
color: var(--donatm-body-color);
}
.newsletter__content input[type="email"]::-moz-placeholder {
color: var(--donatm-body-color);
}
.newsletter__content input[type="email"]:-ms-input-placeholder {
color: var(--donatm-body-color);
}
.newsletter__content input[type="email"]:-moz-placeholder {
color: var(--donatm-body-color);
}
.newsletter__action {
position: absolute;
right: 4px;
top: 4px;
bottom: 4px;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
background: var(--e-global-color-primary);
color: #fff;
transition: all .35s;
border-radius: 8px;
}
.newsletter__action .newsletter__submit {
position: absolute !important;
width: 100% !important;
height: 100% !important;
z-index: 11 !important;
}
.newsletter__action:hover, .newsletter__action:active, .newsletter__action:focus {
background: var(--e-global-color-secondary);
color: #fff;
}
.newsletter__icon {
font-size: 14px;
position: relative;
z-index: 2;
}
.newsletter__submit {
border: none !important;
opacity: 0 !important;
font-size: 0 !important;
color: transparent !important;
padding: 0 !important;
}
.newsletter__checkbox {
margin-top: 20px;
color: rgba(255, 255, 255, 0.6);
}
.newsletter__checkbox .style {
color: #fff;
text-decoration: underline;
} #comments {
margin-top: 15px;
}
#comments:before, #comments:after {
content: " ";
display: table;
}
#comments:after {
clear: both;
}
#comments .title, #comments .comments-title {
font-size: 24px;
position: relative;
color: #122F2A;
}
@media (max-width: 767.98px) {
#comments .title, #comments .comments-title {
font-size: 20px;
}
}
#comments .comments-title {
padding: 28px 0 15px;
margin: 0 0 30px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#comments .comments-title:after {
content: '';
width: 50px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
}
#comments input[type*="email"], #comments input[type*="text"], #comments textarea {
padding-left: 10px;
padding-right: 10px;
min-height: 68px;
background: #F5F7F6;
box-shadow: none;
border: 0;
}
#comments input[type*="email"]::-webkit-input-placeholder, #comments input[type*="text"]::-webkit-input-placeholder, #comments textarea::-webkit-input-placeholder {
color: var(--donatm-body-color);
}
#comments input[type*="email"]::-moz-placeholder, #comments input[type*="text"]::-moz-placeholder, #comments textarea::-moz-placeholder {
color: var(--donatm-body-color);
}
#comments input[type*="email"]:-ms-input-placeholder, #comments input[type*="text"]:-ms-input-placeholder, #comments textarea:-ms-input-placeholder {
color: var(--donatm-body-color);
}
#comments input[type*="email"]:-moz-placeholder, #comments input[type*="text"]:-moz-placeholder, #comments textarea:-moz-placeholder {
color: var(--donatm-body-color);
}
#comments input[type*="email"], #comments input[type*="text"] {
height: 68px;
padding: 0 20px;
line-height: 68px;
}
#comments textarea {
padding: 20px;
}
#comments .comment-rating {
margin-bottom: 15px;
}
#comments #add_review_button,
#comments #submit {
font-size: 14px;
z-index: 9;
display: inline-block;
text-decoration: none;
width: auto;
}
#comments #add_review_button {
margin-bottom: 20px;
}
#comments .headline {
height: 30px;
text-align: left;
margin-bottom: 10px;
}
#comments .headline h2 {
padding: 0;
}
#comments .headline a {
text-transform: uppercase;
float: right;
margin-top: 2px;
font-size: 12px;
}
#comments #reply-title {
font-size: 28px;
color: var(--e-global-color-primary);
margin: 0;
position: relative;
}
#comments #reply-title:before, #comments #reply-title:after {
content: " ";
display: table;
}
#comments #reply-title:after {
clear: both;
}
#comments #reply-title small {
float: right;
font-weight: 500;
font-size: 14px;
line-height: 39px;
position: absolute;
top: 0;
right: 0;
z-index: 11;
}
#comments .comment-notes {
margin-bottom: 20px;
}
#comments .comment-form-main {
margin-top: 2px;
}
#comments .comment-form-main:before, #comments .comment-form-main:after {
content: " ";
display: table;
}
#comments .comment-form-main:after {
clear: both;
}
#comments .comment-form-main .comment-form .form-group {
margin-bottom: 20px;
}
#comments .comment-form-main .logged-in-as, #comments .comment-form-main .h-info {
margin-bottom: 30px;
margin-top: 0;
}
#comments .comment-form-main .row {
margin-left: -8px;
margin-right: -8px;
}
#comments .comment-form-main .row > div {
padding-left: 8px;
padding-right: 8px;
}
#comments .comment-form-main .form-submit {
margin-bottom: 20px;
}
#comments ol.comment-list {
list-style: none;
width: 100%;
float: left;
margin: 0;
padding: 0;
display: block;
float: left;
width: 100%;
}
#comments ol.comment-list .comment-body {
-ms-word-wrap: break-word;
word-wrap: break-word;
}
#comments ol.comment-list .comment-body p {
margin-bottom: 5px;
}
#comments ol.comment-list > li {
width: 100%;
float: left;
position: relative;
}
#comments ol.comment-list > li:before {
display: none;
}
#comments ol.comment-list > li li {
position: relative;
}
#comments ol.comment-list > li li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
#comments ol.comment-list > li:last-child {
padding-bottom: 0;
}
#comments ol.comment-list > li:last-child > .the-comment {
margin-bottom: 18px;
}
#comments ol.comment-list li #respond {
float: left;
width: 100%;
margin: 5px 0 38px;
display: block !important;
}
#comments ol.comment-list li #respond #reply-title {
display: block;
padding-top: 0;
}
#comments ol.comment-list li #respond #reply-title .comments-title {
padding-top: 0;
}
#comments ol.comment-list li #respond #reply-title #cancel-comment-reply-link {
font-family: var(--donatm-font-sans-serif);
}
#comments ol.comment-list li #respond .logged-in-as {
margin-bottom: 30px;
}
#comments ol.comment-list .the-comment {
border-bottom: 1px solid #D7D7D7;
padding-bottom: 28px;
margin-bottom: 35px;
position: relative;
}
#comments ol.comment-list .the-comment .media-comment-left {
min-width: 90px;
float: left;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-left {
min-width: 70px;
}
}
@media (max-width: 490px) {
#comments ol.comment-list .the-comment .media-comment-left {
display: block;
}
#comments ol.comment-list .the-comment .media-comment-left .author-image {
margin-bottom: 8px;
}
}
#comments ol.comment-list .the-comment .media-comment-left .author-image {
padding-top: 6px;
}
#comments ol.comment-list .the-comment .media-comment-left .author-image img {
width: 70px;
height: 70px;
overflow: hidden;
border-radius: 50%;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-left .author-image img {
width: 55px;
height: 55px;
}
}
#comments ol.comment-list .the-comment .media-comment-body {
padding-left: 91px;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .the-comment .media-comment-body {
padding-left: 71px;
}
}
@media (max-width: 500px) {
#comments ol.comment-list .the-comment .media-comment-body {
display: block;
width: 100%;
padding-left: 0;
}
}
#comments ol.comment-list .the-comment .author-meta {
line-height: 1.8;
position: relative;
margin-bottom: 5px;
}
#comments ol.comment-list .the-comment .author-meta a {
font-size: 14px;
}
#comments ol.comment-list .the-comment .author-meta .fn {
font-weight: 500;
display: block;
width: 100%;
font-size: 18px;
font-style: normal;
color: #122F2A;
}
#comments ol.comment-list .the-comment .author-meta .fn a {
font-size: 18px;
}
#comments ol.comment-list .the-comment .comment-meta {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
color: #676767;
}
#comments ol.comment-list .the-comment .comment-info {
position: relative;
padding-left: 22px;
}
#comments ol.comment-list .the-comment .comment-info:after {
content: '';
width: 12px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
top: 12px;
left: 0;
z-index: 1;
}
#comments ol.comment-list .the-comment .comment-info a {
color: #999;
}
#comments ol.comment-list .the-comment .comment-info a:hover {
color: var(--e-global-color-primary);
}
#comments ol.comment-list .the-comment .comment-body {
position: relative;
margin-top: 10px;
}
@media (max-width: 500px) {
#comments ol.comment-list .the-comment .comment-body {
display: block;
float: left;
width: 100%;
margin-bottom: 5px;
}
}
#comments ol.comment-list .the-comment .comment-body img {
margin-bottom: 5px;
}
#comments ol.comment-list .the-comment .awaiting_moderation {
display: block;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 8px;
padding: 2px 4px;
font-style: normal;
}
#comments ol.comment-list .the-comment .comment-action-wrap {
position: absolute;
top: 2px;
right: 0;
}
@media (max-width: 560px) {
#comments ol.comment-list .the-comment .comment-action-wrap {
position: relative;
top: 0;
margin-top: 10px;
}
}
#comments ol.comment-list .the-comment .comment-action-wrap a {
color: var(--e-global-color-primary);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
#comments ol.comment-list .the-comment .comment-action-wrap a.comment-edit-link {
color: #122F2A;
margin-right: 15px;
}
#comments ol.comment-list .children {
display: block;
float: left;
width: 100%;
padding-left: 50px;
list-style: none;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .children {
padding-left: 40px;
}
}
#comments ol.comment-list .children .comment-author {
padding-left: 70px;
}
#comments ol.comment-list .children .children {
padding-left: 50px;
}
@media (max-width: 767.98px) {
#comments ol.comment-list .children .children {
padding-left: 30px;
}
}
@media (max-width: 575.98px) {
#comments ol.comment-list .children .children {
padding-left: 20px;
}
}
#respond {
clear: left;
margin-bottom: 30px;
}
#respond input[type="text"],
#respond input[type="tel"],
#respond input[type="password"],
#respond input[type="email"],
#respond textarea {
width: 100%;
}
#respond .form-submit {
margin: 16px 0 0;
}
#comment_popup {
background: #fff;
padding: 50px;
max-width: 50%;
position: relative;
margin: 0 auto;
}
@media (max-width: 767.98px) {
#comment_popup {
max-width: 100%;
}
}
@media (max-width: 767.98px) {
#comment_popup {
padding: 30px;
}
}
.pingbacklist {
list-style-type: none;
padding: 0;
}
.pingbacklist > li .the-comment {
border-bottom: 1px solid #D7D7D7;
padding-bottom: 20px;
margin-bottom: 35px;
position: relative;
}
.pingbacklist > li .the-comment .media-comment-left {
display: none;
}
.pingbacklist > li .the-comment .media-comment-body {
display: block;
width: 100%;
padding-left: 0;
}
.pingbacklist > li .the-comment .author-meta {
line-height: 1.8;
position: relative;
margin-bottom: 5px;
font-size: 14px;
}
.pingbacklist > li .the-comment .author-meta .fn {
font-weight: 700;
display: block;
width: 100%;
font-size: 16px;
font-style: normal;
color: #122F2A;
}
.pingbacklist > li .the-comment .author-meta .fn a {
font-size: 16px;
}
.pingbacklist > li .the-comment .comment-meta {
display: block;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
color: #676767;
}
.pingbacklist > li .the-comment .comment-info {
position: relative;
padding-left: 22px;
}
.pingbacklist > li .the-comment .comment-info:after {
content: '';
width: 12px;
height: 2px;
background: var(--e-global-color-primary);
position: absolute;
top: 8px;
left: 0;
z-index: 1;
}
.pingbacklist > li .the-comment .comment-info a {
color: #999;
}
.pingbacklist > li .the-comment .comment-info a:hover {
color: var(--e-global-color-primary);
}
.pingbacklist > li .the-comment .comment-body {
position: relative;
margin-top: 10px;
}
@media (max-width: 500px) {
.pingbacklist > li .the-comment .comment-body {
display: block;
float: left;
width: 100%;
margin-bottom: 5px;
}
}
.pingbacklist > li .the-comment .comment-body img {
margin-bottom: 5px;
}
.pingbacklist > li .the-comment .awaiting_moderation {
display: block;
position: absolute;
bottom: 0;
right: 0;
color: #fff;
font-weight: bold;
text-transform: uppercase;
font-size: 8px;
padding: 2px 4px;
font-style: normal;
}
.pingbacklist > li .the-comment .comment-action-wrap {
position: absolute;
top: 2px;
right: 0;
}
@media (max-width: 560px) {
.pingbacklist > li .the-comment .comment-action-wrap {
position: relative;
top: 0;
margin-top: 10px;
}
}
.pingbacklist > li .the-comment .comment-action-wrap a {
color: var(--e-global-color-primary);
display: inline-block;
font-weight: 500;
font-size: 14px;
}
.pingbacklist > li .the-comment .comment-action-wrap a.comment-edit-link {
color: #122F2A;
margin-right: 15px;
}
.comment-with-review #lt-comment-reviews {
float: left;
width: 100%;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content {
margin: 20px 0 20px;
position: relative;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner {
padding-right: 210px;
}
@media (max-width: 640px) {
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner {
padding-right: 0;
}
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item {
width: 50%;
float: left;
margin-bottom: 30px;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item:nth-of-type(2n+1) {
clear: both;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item label {
display: block;
font-weight: 500;
font-family: var(--donatm-heading-font-family);
font-weight: 600;
margin-bottom: 6px;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review {
float: left;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star {
float: right;
cursor: pointer;
color: #DEE2E8;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star:hover, .comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star.active {
color: #FFA60C;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star:hover ~ .star, .comment-with-review #lt-comment-reviews .comment-reviews-content .comment-reviews-inner .review-item .select-review .star.active ~ .star {
color: #FFA60C;
cursor: pointer;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp {
width: 200px;
padding: 45px 20px;
background: #F5F7F6;
border-radius: 4px;
position: absolute;
top: 0;
right: 0;
}
@media (max-width: 640px) {
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp {
position: relative;
width: 100%;
margin-bottom: 30px;
}
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp span {
display: block;
text-align: center;
font-family: var(--donatm-heading-font-family);
font-weight: 600;
}
.comment-with-review #lt-comment-reviews .comment-reviews-content .avg-total-tmp span.value {
font-size: 30px;
font-weight: 600;
color: var(--e-global-color-primary);
margin-bottom: 6px;
}
.cld-like-dislike-wrap {
position: relative;
top: 5px;
margin: 0;
}
.cld-like-dislike-wrap .cld-count-wrap {
margin-left: 0;
}
.cld-like-dislike-wrap .cld-like-wrap {
color: var(--e-global-color-primary);
}
.cld-like-dislike-wrap .cld-like-wrap a {
color: var(--e-global-color-primary);
}
.cld-like-dislike-wrap .cld-dislike-wrap {
color: #a0a0a0;
}
.cld-like-dislike-wrap .cld-dislike-wrap a {
color: #a0a0a0;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-body {
padding-bottom: 30px;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-body .cld-like-dislike-wrap {
position: absolute;
bottom: -6px;
top: auto !important;
}
.listing-comments .comment-list .the-comment .media-comment-body .comment-action-wrap {
bottom: 20px;
top: auto !important;
} @keyframes spin {
100% {
transform: rotate(360deg);
}
}
@keyframes beat {
0% {
transform: scale(1);
}
50% {
transform: scale(0.82);
}
}
@keyframes rotate-circle {
to {
transform: rotate(1turn);
}
}
@keyframes scaleOut {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@keyframes placeHolderShimmer {
0% {
background-position: -468px 0;
}
100% {
background-position: 468px 0;
}
}
@keyframes animation_top_bottom {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-40px);
}
100% {
transform: translateY(0);
}
}
.animated-background {
animation-duration: 1s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: #eeeeee;
background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
background-size: 800px 104px;
height: 96px;
position: relative;
}
.background-masker {
background: #fff;
position: absolute;
box-sizing: border-box;
}
@keyframes pulse-border {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.4);
opacity: 0;
}
}
@keyframes pulse-border-2 {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.8);
opacity: 0;
}
}
@keyframes shapeMover {
0%, 100% {
transform: perspective(200px) translateY(0) rotate(0deg) translateZ(0px) translateX(0);
}
50% {
transform: perspective(200px) rotate(0deg) translateZ(10px) translateY(10px) translateX(10px);
}
} @keyframes animation1 {
0%,
100% {
transform: rotate(0deg) translateX(0);
}
25%,
75% {
transform: rotate(5deg) translateX(15px);
}
50% {
transform: rotate(10deg) translateX(30px);
}
} @animation2 {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
}
@keyframes animation2 {
0% {
transform: rotateY(0deg);
}
100% {
transform: rotateY(360deg);
}
} @keyframes squareMover {
0%,
100% {
transform: translate(0, 0) rotate(0);
}
20%,
60% {
transform: translate(20px, 40px) rotate(180deg);
}
30%,
80% {
transform: translate(40px, 60px) rotate(0deg);
}
}
.effect-shape-1 {
animation-name: squareMover;
animation-duration: 10s;
animation-timing-function: linear;
animation-delay: 2s;
animation-iteration-count: infinite;
perspective: 100px;
transform-origin: center center;
}
.effect-shape-2 {
animation: animation1 5s ease-in infinite;
} .custom-breadcrumb {
position: relative;
background-color: #122F2A;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin-bottom: 35px;
position: relative;
z-index: 1;
text-align: center;
}
.custom-breadcrumb .breadcrumb-main {
position: relative;
z-index: 11;
}
.custom-breadcrumb .breadcrumb-container-inner {
position: relative;
padding: 120px 0 120px;
}
@media (max-width: 991.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 90px;
padding-top: 90px;
}
}
@media (max-width: 767.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 80px;
padding-top: 80px;
}
}
@media (max-width: 575.98px) {
.custom-breadcrumb .breadcrumb-container-inner {
padding-bottom: 60px;
padding-top: 60px;
}
}
.custom-breadcrumb .heading-title {
font-size: 36px;
color: #fff;
font-family: var(--donatm-heading-font-family);
margin: 0 0 15px;
font-weight: 700;
}
@media (max-width: 991.98px) {
.custom-breadcrumb .heading-title {
font-size: 32px;
}
}
@media (max-width: 767.98px) {
.custom-breadcrumb .heading-title {
font-size: 30px;
}
}
@media (max-width: 575.98px) {
.custom-breadcrumb .heading-title {
font-size: 26px;
}
}
.custom-breadcrumb .breadcrumb {
margin-bottom: 0;
display: inline-block;
font-size: 15px;
font-weight: 500;
padding: 10px 5px;
color: #fff;
border-radius: 20px;
border: 1px solid var(--e-global-color-secondary);
}
@media (max-width: 500px) {
.custom-breadcrumb .breadcrumb {
display: none;
}
}
.custom-breadcrumb .breadcrumb li {
float: left;
position: relative;
z-index: 11;
line-height: 1;
padding: 0 10px;
}
.custom-breadcrumb .breadcrumb li:after {
content: '/';
position: absolute;
bottom: 0;
left: -3px;
z-index: 1;
color: #ccc;
}
.custom-breadcrumb .breadcrumb li:first-child:after {
display: none;
}
.custom-breadcrumb .breadcrumb li a {
color: #fff;
}
.custom-breadcrumb .breadcrumb li a:hover {
text-decoration: underline;
}
.custom-breadcrumb .breadcrumb-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
top: 0;
left: 0;
}
.custom-breadcrumb.text-light .heading-title {
color: #fff;
}
.elementor-widget-gva_post_breadcrumb .custom-breadcrumb {
margin-bottom: 0 !important;
}
body.home.blog .title-layout-standard .custom-breadcrumb .heading-title {
display: inline-block !important;
float: left;
font-size: 18px;
margin: 5px 0 0;
} .pretty * {
box-sizing: border-box;
}
.pretty input:not([type=checkbox]):not([type=radio]) {
display: none;
}
.pretty {
position: relative;
display: inline-block;
margin-right: 1em;
white-space: nowrap;
line-height: 1;
}
.pretty input {
position: absolute;
left: 0;
top: 0;
min-width: 1em;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
margin: 0;
padding: 0;
cursor: pointer;
}
.pretty .state label {
position: initial;
display: inline-block;
font-weight: 400;
margin: 0;
text-indent: 1.5em;
min-width: calc(1em + 2px);
}
.pretty .state label:after, .pretty .state label:before {
content: '';
width: calc(1em + 2px);
height: calc(1em + 2px);
display: block;
box-sizing: border-box;
border-radius: 0;
border: 1px solid transparent;
z-index: 0;
position: absolute;
left: 0;
top: calc((0% - (100% - 1em)) - 8%);
background-color: transparent;
}
.pretty .state label:before {
border-color: #bdc3c7;
}
.pretty .state.p-is-hover, .pretty .state.p-is-indeterminate {
display: none;
}
@keyframes zoom {
0% {
opacity: 0;
transform: scale(0);
}
}
@keyframes tada {
0% {
animation-timing-function: ease-in;
opacity: 0;
transform: scale(7);
}
38% {
animation-timing-function: ease-out;
opacity: 1;
transform: scale(1);
}
55% {
animation-timing-function: ease-in;
transform: scale(1.5);
}
72% {
animation-timing-function: ease-out;
transform: scale(1);
}
81% {
animation-timing-function: ease-in;
transform: scale(1.24);
}
89% {
animation-timing-function: ease-out;
transform: scale(1);
}
95% {
animation-timing-function: ease-in;
transform: scale(1.04);
}
100% {
animation-timing-function: ease-out;
transform: scale(1);
}
}
@keyframes jelly {
0% {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(0.75, 1.25, 1);
}
40% {
transform: scale3d(1.25, 0.75, 1);
}
50% {
transform: scale3d(0.85, 1.15, 1);
}
65% {
transform: scale3d(1.05, 0.95, 1);
}
75% {
transform: scale3d(0.95, 1.05, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes rotate {
0% {
opacity: 0;
transform: translateZ(-200px) rotate(-45deg);
}
100% {
opacity: 1;
transform: translateZ(0) rotate(0);
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 #bdc3c7;
}
100% {
box-shadow: 0 0 0 1.5em rgba(189, 195, 199, 0);
}
}
.pretty.p-default.p-fill .state label:after {
transform: scale(1);
}
.pretty.p-default .state label:after {
transform: scale(0.6);
}
.pretty.p-default input:checked ~ .state label:after {
background-color: #bdc3c7 !important;
}
.pretty.p-default.p-thick .state label:after, .pretty.p-default.p-thick .state label:before {
border-width: calc(1em / 7);
}
.pretty.p-default.p-thick .state label:after {
transform: scale(0.4) !important;
}
.pretty.p-icon .state .icon {
position: absolute;
font-size: 1em;
width: calc(1em + 2px);
height: calc(1em + 2px);
left: 0;
z-index: 1;
text-align: center;
line-height: normal;
top: calc((0% - (100% - 1em)) - 8%);
border: 1px solid transparent;
opacity: 0;
}
.pretty.p-icon .state .icon:before {
margin: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
line-height: 1;
}
.pretty.p-icon input:checked ~ .state .icon {
opacity: 1;
}
.pretty.p-icon input:checked ~ .state label:before {
border-color: #5a656b;
}
.pretty.p-svg .state .svg {
position: absolute;
font-size: 1em;
width: calc(1em + 2px);
height: calc(1em + 2px);
left: 0;
z-index: 1;
text-align: center;
line-height: normal;
top: calc((0% - (100% - 1em)) - 8%);
border: 1px solid transparent;
opacity: 0;
}
.pretty.p-svg .state svg {
margin: 0;
width: 100%;
height: 100%;
text-align: center;
display: flex;
flex: 1;
justify-content: center;
align-items: center;
line-height: 1;
}
.pretty.p-svg input:checked ~ .state .svg {
opacity: 1;
}
.pretty.p-image .state img {
opacity: 0;
position: absolute;
width: calc(1em + 2px);
height: calc(1em + 2px);
top: 0;
top: calc((0% - (100% - 1em)) - 8%);
left: 0;
z-index: 0;
text-align: center;
line-height: normal;
transform: scale(0.8);
}
.pretty.p-image input:checked ~ .state img {
opacity: 1;
}
.pretty.p-switch input {
min-width: 2em;
}
.pretty.p-switch .state {
position: relative;
}
.pretty.p-switch .state:before {
content: '';
border: 1px solid #bdc3c7;
border-radius: 60px;
width: 2em;
box-sizing: unset;
height: calc(1em + 2px);
position: absolute;
top: 0;
top: calc((0% - (100% - 1em)) - 16%);
z-index: 0;
transition: all .5s ease;
}
.pretty.p-switch .state label {
text-indent: 2.5em;
}
.pretty.p-switch .state label:after, .pretty.p-switch .state label:before {
transition: all .5s ease;
border-radius: 100%;
left: 0;
border-color: transparent;
transform: scale(0.8);
}
.pretty.p-switch .state label:after {
background-color: #bdc3c7 !important;
}
.pretty.p-switch input:checked ~ .state:before {
border-color: #5a656b;
}
.pretty.p-switch input:checked ~ .state label:before {
opacity: 0;
}
.pretty.p-switch input:checked ~ .state label:after {
background-color: #5a656b !important;
left: 1em;
}
.pretty.p-switch.p-fill input:checked ~ .state:before {
border-color: #5a656b;
background-color: #5a656b !important;
}
.pretty.p-switch.p-fill input:checked ~ .state label:before {
opacity: 0;
}
.pretty.p-switch.p-fill input:checked ~ .state label:after {
background-color: #fff !important;
left: 1em;
}
.pretty.p-switch.p-slim .state:before {
height: .1em;
background: #bdc3c7 !important;
top: calc(50% - .1em);
}
.pretty.p-switch.p-slim input:checked ~ .state:before {
border-color: #5a656b;
background-color: #5a656b !important;
}
.pretty.p-has-hover input:hover ~ .state:not(.p-is-hover) {
display: none;
}
.pretty.p-has-hover input:hover ~ .state.p-is-hover {
display: block;
}
.pretty.p-has-hover input:hover ~ .state.p-is-hover .icon {
display: block;
}
.pretty.p-has-focus input:focus ~ .state label:before {
box-shadow: 0 0 3px 0 #bdc3c7;
}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state:not(.p-is-indeterminate) {
display: none;
}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate {
display: block;
}
.pretty.p-has-indeterminate input[type=checkbox]:indeterminate ~ .state.p-is-indeterminate .icon {
display: block;
opacity: 1;
}
.pretty.p-toggle .state.p-on {
opacity: 0;
display: none;
}
.pretty.p-toggle .state .icon, .pretty.p-toggle .state .svg, .pretty.p-toggle .state img, .pretty.p-toggle .state.p-off {
opacity: 1;
display: inherit;
}
.pretty.p-toggle .state.p-off .icon {
color: #bdc3c7;
}
.pretty.p-toggle input:checked ~ .state.p-on {
opacity: 1;
display: inherit;
}
.pretty.p-toggle input:checked ~ .state.p-off {
opacity: 0;
display: none;
}
.pretty.p-plain input:checked ~ .state label:before, .pretty.p-plain.p-toggle .state label:before {
content: none;
}
.pretty.p-plain.p-plain .icon {
transform: scale(1.1);
}
.pretty.p-round .state label:after, .pretty.p-round .state label:before {
border-radius: 100%;
}
.pretty.p-round.p-icon .state .icon {
border-radius: 100%;
overflow: hidden;
}
.pretty.p-round.p-icon .state .icon:before {
transform: scale(0.8);
}
.pretty.p-curve .state label:after, .pretty.p-curve .state label:before {
border-radius: 20%;
}
.pretty.p-smooth .icon, .pretty.p-smooth .svg, .pretty.p-smooth label:after, .pretty.p-smooth label:before {
transition: all .5s ease;
}
.pretty.p-smooth input:checked + .state label:after {
transition: all .3s ease;
}
.pretty.p-smooth input:checked + .state .icon, .pretty.p-smooth input:checked + .state .svg, .pretty.p-smooth input:checked + .state img {
animation: zoom .2s ease;
}
.pretty.p-smooth.p-default input:checked + .state label:after {
animation: zoom .2s ease;
}
.pretty.p-smooth.p-plain input:checked + .state label:before {
content: '';
transform: scale(0);
transition: all .5s ease;
}
.pretty.p-tada:not(.p-default) input:checked + .state .icon, .pretty.p-tada:not(.p-default) input:checked + .state .svg, .pretty.p-tada:not(.p-default) input:checked + .state img, .pretty.p-tada:not(.p-default) input:checked + .state label:after, .pretty.p-tada:not(.p-default) input:checked + .state label:before {
animation: tada 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1 alternate;
opacity: 1;
}
.pretty.p-jelly:not(.p-default) input:checked + .state .icon, .pretty.p-jelly:not(.p-default) input:checked + .state .svg, .pretty.p-jelly:not(.p-default) input:checked + .state img, .pretty.p-jelly:not(.p-default) input:checked + .state label:after, .pretty.p-jelly:not(.p-default) input:checked + .state label:before {
animation: jelly 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
opacity: 1;
}
.pretty.p-jelly:not(.p-default) input:checked + .state label:before {
border-color: transparent;
}
.pretty.p-rotate:not(.p-default) input:checked ~ .state .icon, .pretty.p-rotate:not(.p-default) input:checked ~ .state .svg, .pretty.p-rotate:not(.p-default) input:checked ~ .state img, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:after, .pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
animation: rotate 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
opacity: 1;
}
.pretty.p-rotate:not(.p-default) input:checked ~ .state label:before {
border-color: transparent;
}
.pretty.p-pulse:not(.p-switch) input:checked ~ .state label:before {
animation: pulse 1s;
}
.pretty input[disabled] {
cursor: not-allowed;
display: none;
}
.pretty input[disabled] ~ * {
opacity: .5;
}
.pretty.p-locked input {
display: none;
cursor: not-allowed;
}
.pretty input:checked ~ .state.p-primary label:after, .pretty.p-toggle .state.p-primary label:after {
background-color: #428bca !important;
}
.pretty input:checked ~ .state.p-primary .icon, .pretty input:checked ~ .state.p-primary .svg, .pretty.p-toggle .state.p-primary .icon, .pretty.p-toggle .state.p-primary .svg {
color: #fff;
stroke: #fff;
}
.pretty input:checked ~ .state.p-primary-o label:before, .pretty.p-toggle .state.p-primary-o label:before {
border-color: #428bca;
}
.pretty input:checked ~ .state.p-primary-o label:after, .pretty.p-toggle .state.p-primary-o label:after {
background-color: transparent;
}
.pretty input:checked ~ .state.p-primary-o .icon, .pretty input:checked ~ .state.p-primary-o .svg, .pretty input:checked ~ .state.p-primary-o svg, .pretty.p-toggle .state.p-primary-o .icon, .pretty.p-toggle .state.p-primary-o .svg, .pretty.p-toggle .state.p-primary-o svg {
color: #428bca;
stroke: #428bca;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-primary-o label:after {
background-color: #428bca !important;
}
.pretty.p-switch input:checked ~ .state.p-primary:before {
border-color: #428bca;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-primary:before {
background-color: #428bca !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-primary:before {
border-color: #245682;
background-color: #245682 !important;
}
.pretty input:checked ~ .state.p-info label:after, .pretty.p-toggle .state.p-info label:after {
background-color: #5bc0de !important;
}
.pretty input:checked ~ .state.p-info .icon, .pretty input:checked ~ .state.p-info .svg, .pretty.p-toggle .state.p-info .icon, .pretty.p-toggle .state.p-info .svg {
color: #fff;
stroke: #fff;
}
.pretty input:checked ~ .state.p-info-o label:before, .pretty.p-toggle .state.p-info-o label:before {
border-color: #5bc0de;
}
.pretty input:checked ~ .state.p-info-o label:after, .pretty.p-toggle .state.p-info-o label:after {
background-color: transparent;
}
.pretty input:checked ~ .state.p-info-o .icon, .pretty input:checked ~ .state.p-info-o .svg, .pretty input:checked ~ .state.p-info-o svg, .pretty.p-toggle .state.p-info-o .icon, .pretty.p-toggle .state.p-info-o .svg, .pretty.p-toggle .state.p-info-o svg {
color: #5bc0de;
stroke: #5bc0de;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-info-o label:after {
background-color: #5bc0de !important;
}
.pretty.p-switch input:checked ~ .state.p-info:before {
border-color: #5bc0de;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-info:before {
background-color: #5bc0de !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-info:before {
border-color: #2390b0;
background-color: #2390b0 !important;
}
.pretty input:checked ~ .state.p-success label:after, .pretty.p-toggle .state.p-success label:after {
background-color: var(--e-global-color-primary) !important;
}
.pretty input:checked ~ .state.p-success .icon, .pretty input:checked ~ .state.p-success .svg, .pretty.p-toggle .state.p-success .icon, .pretty.p-toggle .state.p-success .svg {
color: #fff;
stroke: #fff;
}
.pretty input:checked ~ .state.p-success-o label:before, .pretty.p-toggle .state.p-success-o label:before {
border-color: var(--e-global-color-primary);
}
.pretty input:checked ~ .state.p-success-o label:after, .pretty.p-toggle .state.p-success-o label:after {
background-color: transparent;
}
.pretty input:checked ~ .state.p-success-o .icon, .pretty input:checked ~ .state.p-success-o .svg, .pretty input:checked ~ .state.p-success-o svg, .pretty.p-toggle .state.p-success-o .icon, .pretty.p-toggle .state.p-success-o .svg, .pretty.p-toggle .state.p-success-o svg {
color: var(--e-global-color-primary);
stroke: var(--e-global-color-primary);
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-success-o label:after {
background-color: var(--e-global-color-primary) !important;
}
.pretty.p-switch input:checked ~ .state.p-success:before {
border-color: var(--e-global-color-primary);
}
.pretty.p-switch.p-fill input:checked ~ .state.p-success:before {
background-color: var(--e-global-color-primary) !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-success:before {
border-color: #357935;
background-color: #357935 !important;
}
.pretty input:checked ~ .state.p-warning label:after, .pretty.p-toggle .state.p-warning label:after {
background-color: #f0ad4e !important;
}
.pretty input:checked ~ .state.p-warning .icon, .pretty input:checked ~ .state.p-warning .svg, .pretty.p-toggle .state.p-warning .icon, .pretty.p-toggle .state.p-warning .svg {
color: #fff;
stroke: #fff;
}
.pretty input:checked ~ .state.p-warning-o label:before, .pretty.p-toggle .state.p-warning-o label:before {
border-color: #f0ad4e;
}
.pretty input:checked ~ .state.p-warning-o label:after, .pretty.p-toggle .state.p-warning-o label:after {
background-color: transparent;
}
.pretty input:checked ~ .state.p-warning-o .icon, .pretty input:checked ~ .state.p-warning-o .svg, .pretty input:checked ~ .state.p-warning-o svg, .pretty.p-toggle .state.p-warning-o .icon, .pretty.p-toggle .state.p-warning-o .svg, .pretty.p-toggle .state.p-warning-o svg {
color: #f0ad4e;
stroke: #f0ad4e;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-warning-o label:after {
background-color: #f0ad4e !important;
}
.pretty.p-switch input:checked ~ .state.p-warning:before {
border-color: #f0ad4e;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-warning:before {
background-color: #f0ad4e !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-warning:before {
border-color: #c77c11;
background-color: #c77c11 !important;
}
.pretty input:checked ~ .state.p-danger label:after, .pretty.p-toggle .state.p-danger label:after {
background-color: #d9534f !important;
}
.pretty input:checked ~ .state.p-danger .icon, .pretty input:checked ~ .state.p-danger .svg, .pretty.p-toggle .state.p-danger .icon, .pretty.p-toggle .state.p-danger .svg {
color: #fff;
stroke: #fff;
}
.pretty input:checked ~ .state.p-danger-o label:before, .pretty.p-toggle .state.p-danger-o label:before {
border-color: #d9534f;
}
.pretty input:checked ~ .state.p-danger-o label:after, .pretty.p-toggle .state.p-danger-o label:after {
background-color: transparent;
}
.pretty input:checked ~ .state.p-danger-o .icon, .pretty input:checked ~ .state.p-danger-o .svg, .pretty input:checked ~ .state.p-danger-o svg, .pretty.p-toggle .state.p-danger-o .icon, .pretty.p-toggle .state.p-danger-o .svg, .pretty.p-toggle .state.p-danger-o svg {
color: #d9534f;
stroke: #d9534f;
}
.pretty.p-default:not(.p-fill) input:checked ~ .state.p-danger-o label:after {
background-color: #d9534f !important;
}
.pretty.p-switch input:checked ~ .state.p-danger:before {
border-color: #d9534f;
}
.pretty.p-switch.p-fill input:checked ~ .state.p-danger:before {
background-color: #d9534f !important;
}
.pretty.p-switch.p-slim input:checked ~ .state.p-danger:before {
border-color: #a02622;
background-color: #a02622 !important;
}
.pretty.p-bigger .icon, .pretty.p-bigger .img, .pretty.p-bigger .svg, .pretty.p-bigger label:after, .pretty.p-bigger label:before {
font-size: 1.2em !important;
top: calc((0% - (100% - 1em)) - 35%) !important;
}
.pretty.p-bigger label {
text-indent: 1.7em;
}
@media print {
.pretty .state .icon, .pretty .state label:after, .pretty .state label:before, .pretty .state:before {
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
-webkit-print-print-color-adjust: exact;
print-print-color-adjust: exact;
}
}
@media (max-width: 767.98px) {
.tparrows {
display: none !important;
}
}
ul.nav-tabs {
overflow: hidden;
display: inline-block;
}
ul.nav-tabs > li {
white-space: nowrap;
display: inline-block;
}
ul.nav-tabs > li > a {
margin: 0 6px;
background: transparent;
padding: 8px 15px;
font-size: 13px;
font-weight: 500;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
}
ul.nav-tabs > li > a:hover, ul.nav-tabs > li > a:focus, ul.nav-tabs > li > a:active {
color: var(--e-global-color-primary);
}
ul.nav-tabs > li.active > a {
background: var(--e-global-color-primary);
}
#gva-filter-overlay, #gva-overlay {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
z-index: 99;
display: none;
}
#gva-filter-overlay.open, #gva-overlay.open {
display: block;
}
#gva-filter-overlay:hover, #gva-overlay:hover {
cursor: pointer;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: 25%;
}
@media (max-width: 768px) {
.swiper-slide {
width: 100%;
}
}
.slider-align-left .swiper-slide {
justify-content: left;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-content-inner {
margin: 0 -15px;
overflow: hidden;
}
.swiper-content-inner .init-carousel-swiper, .swiper-content-inner .init-carousel-swiper-theme {
padding: 0 15px;
overflow: visible;
max-height: 320px;
}
.swiper-content-inner .init-carousel-swiper:after, .swiper-content-inner .init-carousel-swiper-theme:after {
content: "";
background: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/preloader.gif) no-repeat center center #fff;
position: absolute;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
}
.swiper-content-inner .init-carousel-swiper .swiper-wrapper, .swiper-content-inner .init-carousel-swiper-theme .swiper-wrapper {
opacity: 0;
}
.swiper-content-inner .init-carousel-swiper .swiper-wrapper > .swiper-slide:not(:first-child), .swiper-content-inner .init-carousel-swiper-theme .swiper-wrapper > .swiper-slide:not(:first-child) {
display: none;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized {
max-height: initial;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized:after, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized:after, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized:after, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized:after {
display: none !important;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized .swiper-wrapper, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized .swiper-wrapper, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized .swiper-wrapper, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized .swiper-wrapper {
opacity: 1;
}
.swiper-content-inner .init-carousel-swiper.swiper-initialized .swiper-wrapper > .swiper-slide, .swiper-content-inner .init-carousel-swiper.swiper-container-initialized .swiper-wrapper > .swiper-slide, .swiper-content-inner .init-carousel-swiper-theme.swiper-initialized .swiper-wrapper > .swiper-slide, .swiper-content-inner .init-carousel-swiper-theme.swiper-container-initialized .swiper-wrapper > .swiper-slide {
display: flex;
}
.margin-disable .swiper-content-inner {
margin: 0;
}
.margin-disable .swiper-content-inner .init-carousel-swiper, .margin-disable .swiper-content-inner .init-carousel-swiper-theme {
padding: 0;
}
.swiper-slider-wrapper {
position: relative;
}
.swiper-slider-wrapper .swiper-nav-next, .swiper-slider-wrapper .swiper-nav-prev {
width: 48px;
height: 48px;
line-height: 46px;
position: absolute;
top: 50%;
margin-top: -24px;
background: #F5F7F6;
border-radius: 10px;
border: 2px solid #fff;
box-shadow: 0 3px 30px 0 rgba(0, 0, 0, 0.1);
font-size: 13px;
color: var(--donatm-heading-color);
transition: all 0.35s;
display: inline-block;
background-size: 10px;
opacity: 0;
z-index: 9;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-next, .swiper-slider-wrapper .swiper-nav-prev {
width: 42px;
height: 42px;
line-height: 38px;
font-size: 13px;
margin-top: -21px;
}
}
.swiper-slider-wrapper .swiper-nav-next:after, .swiper-slider-wrapper .swiper-nav-prev:after {
font-family: 'dicomoon';
text-align: center;
display: inline-block;
width: 100%;
font-weight: 900;
}
.swiper-slider-wrapper .swiper-nav-next:hover, .swiper-slider-wrapper .swiper-nav-prev:hover {
background: var(--e-global-color-primary);
color: #fff;
}
.swiper-slider-wrapper .swiper-nav-next {
right: -35px !important;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-next {
right: -12px !important;
}
}
.swiper-slider-wrapper .swiper-nav-next:after {
content: "\f11f";
}
.swiper-slider-wrapper .swiper-nav-prev {
left: -35px !important;
}
@media (max-width: 1280px) {
.swiper-slider-wrapper .swiper-nav-prev {
left: -12px !important;
}
}
.swiper-slider-wrapper .swiper-nav-prev:after {
content: "\f129";
}
.swiper-slider-wrapper:hover .swiper-nav-next, .swiper-slider-wrapper:hover .swiper-nav-prev {
opacity: 1;
}
.swiper-slider-wrapper:hover .swiper-nav-next:hover, .swiper-slider-wrapper:hover .swiper-nav-next:focus, .swiper-slider-wrapper:hover .swiper-nav-prev:hover, .swiper-slider-wrapper:hover .swiper-nav-prev:focus {
opacity: 1;
}
.swiper-slider-wrapper .swiper-pagination {
position: relative;
display: flex;
justify-content: center;
}
.swiper-slider-wrapper .swiper-pagination > span {
width: 11px;
height: 11px;
transition: all 0.35s;
background: #D9D9D9;
border-radius: 20px;
position: relative;
opacity: 1;
transition: all 0.35s;
}
.swiper-slider-wrapper .swiper-pagination > span.swiper-pagination-bullet-active {
background: var(--e-global-color-primary);
width: 25px;
}
.swiper-slide img {
max-width: 100%;
width: auto;
height: auto;
}
.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%) !important;
white-space: nowrap;
}
.swiper-pagination-bullets-dynamic span {
transition: .3s transform,.3s left;
}
.select2-container {
width: 100% !important;
}
.select2-container .select2-dropdown {
border: 1px solid rgba(0, 0, 0, 0.06);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.16);
margin-top: 5px;
}
.select2-container .select2-dropdown .select2-selection__rendered {
outline: none !important;
}
.select2-container .select2-dropdown .select2-search--dropdown {
padding: 15px;
}
.select2-container .select2-dropdown .select2-search--dropdown .select2-search__field {
height: 32px;
}
.select2-container .select2-dropdown ul.select2-results__options li {
padding: 4px 15px;
font-size: 14px;
font-weight: 400;
transition: all 0.35s;
}
.select2-container .select2-dropdown ul.select2-results__options li.select2-results__option--highlighted {
background: #F6F6F6;
color: var(--e-global-color-primary);
}
.select2-container .select2-dropdown ul.select2-results__options li[aria-selected="true"] {
background: #F6F6F6;
color: var(--e-global-color-primary);
}
.select2-container.option-select2-filter .select2-dropdown--above {
margin-top: -6px;
}
.select2-container.option-select2-filter .select2-dropdown--below {
margin-top: 6px;
}
.select2-container .select2-selection {
outline: none;
height: 51px;
border: 1px solid #D7D7D7 !important;
background: #fff;
padding: 0 10px;
line-height: 32px !important;
}
.select2-container .select2-selection.select2-selection--single {
height: 50px;
}
.select2-container .select2-selection .select2-selection__arrow {
background-image: url(//uturn.capecreative.co.za/wp-content/themes/donatm/assets/images/down-arrow.svg) !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 12px;
border: none;
width: 12px !important;
height: 12px !important;
top: 50% !important;
right: 16px !important;
margin-top: -3px;
transition: all 0.35s;
}
.select2-container .select2-selection .select2-selection__arrow b {
display: none;
}
.select2-container .select2-selection .select2-selection__rendered {
outline: none !important;
line-height: 50px !important;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__placeholder {
color: var(--donatm-body-color);
line-height: 50px;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear {
font-size: 18px;
background: var(--e-global-color-primary);
color: #fff;
width: 20px;
height: 20px;
border-radius: 4px;
line-height: 18px;
text-align: center;
position: absolute;
top: 50%;
margin-top: -8px;
right: 16px;
transition: all 0.35s;
z-index: 11;
}
.select2-container .select2-selection .select2-selection__rendered .select2-selection__clear:hover {
background: #122F2A;
}
.select2-container.select2-container--open .select2-selection .select2-selection__arrow {
transform: rotate(-180deg);
}
body.logged-in.admin-bar .select2-container .select2-dropdown--below, body.logged-in.admin-bar .select2-container .select2-dropdown--above {
top: 32px;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered {
padding: 0;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice {
border: 1px solid #D7D7D7;
background: #D7D7D7;
color: #122F2A;
margin: 5px;
line-height: 38px;
padding: 0 15px;
font-weight: 600;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-selection__choice .select2-selection__choice__remove {
color: #fff;
background: var(--e-global-color-primary);
width: 22px;
height: 22px;
line-height: 21px;
border-radius: 3px;
text-align: center;
margin-right: 6px;
}
.select2-selection.select2-selection--multiple .select2-selection__rendered li.select2-search--inline {
margin: 0 10px;
line-height: 50px;
}
#ui-datepicker-div {
font-size: 14px;
font-family: var(--donatm-heading-font-family);
font-weight: 500;
}
#ui-datepicker-div select {
height: 32px;
line-height: 32px;
background: #FAFBFC;
}
#ui-datepicker-div button {
text-transform: uppercase;
letter-spacing: 1px;
font-family: var(--donatm-heading-font-family);
background: var(--e-global-color-primary);
color: #fff;
font-size: 12px;
font-weight: 600;
border: none;
}
#ui-datepicker-div .ui-widget-header {
background: #122F2A;
color: #fff;
border: none;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev, #ui-datepicker-div .ui-widget-header .ui-datepicker-next {
background: #fff;
top: 2px;
border: none !important;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-prev {
left: 2px;
top: 2px;
}
#ui-datepicker-div .ui-widget-header .ui-datepicker-next {
right: 2px;
}
#ui-datepicker-div table.ui-datepicker-calendar {
border: none;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
border: none;
background: #dfdfdf;
padding: 2px 5px;
line-height: 28px;
color: #122F2A;
}
.ui-state-default.ui-state-highlight, .ui-widget-content .ui-state-default.ui-state-highlight, .ui-widget-header .ui-state-default.ui-state-highlight, .ui-button.ui-state-highlight, html .ui-button.ui-state-disabled:hover.ui-state-highlight, html .ui-button.ui-state-disabled:active.ui-state-highlight {
position: relative;
}
.ui-state-default.ui-state-highlight:after, .ui-widget-content .ui-state-default.ui-state-highlight:after, .ui-widget-header .ui-state-default.ui-state-highlight:after, .ui-button.ui-state-highlight:after, html .ui-button.ui-state-disabled:hover.ui-state-highlight:after, html .ui-button.ui-state-disabled:active.ui-state-highlight:after {
content: '';
width: 6px;
height: 6px;
background: var(--e-global-color-primary);
border-radius: 50%;
position: absolute;
top: 4px;
left: 4px;
}
.ui-state-default.ui-state-active, .ui-widget-content .ui-state-default.ui-state-active, .ui-widget-header .ui-state-default.ui-state-active, .ui-button.ui-state-active, html .ui-button.ui-state-disabled:hover.ui-state-active, html .ui-button.ui-state-disabled:active.ui-state-active {
background: var(--e-global-color-primary);
color: #fff;
}
.ui-state-default.ui-state-active.ui-state-highlight:after, .ui-widget-content .ui-state-default.ui-state-active.ui-state-highlight:after, .ui-widget-header .ui-state-default.ui-state-active.ui-state-highlight:after, .ui-button.ui-state-active.ui-state-highlight:after, html .ui-button.ui-state-disabled:hover.ui-state-active.ui-state-highlight:after, html .ui-button.ui-state-disabled:active.ui-state-active.ui-state-highlight:after {
background: #fff;
}