@import url("../Divi/style.css");
/*
Theme Name: TheDesignPeople
Description: Child theme for the Divi theme
Author: Nic Morris
Author URI: http://thedesignpeople.com.au/
Template: Divi
Version: 1.0.0
*/
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
body {}
h1, h2, h3, h4, h5, h6 {
}
a {
color: /*72BD64*/#E00120;
}
p#footer-info {
font-size: 13px!important;
}
p, li {
font-size: 18px;
line-height: 25px;
}
h1, h3, h4 {/*font-family: 'Roboto Condensed', sans-serif;*/font-family: 'Oswald', sans-serif;}
h1 {
font-size: 50px!important;
font-weight: 800;
padding: 0 30px 0;
margin-bottom: 8px;
transform: scale(1, 1);
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-align: right;
}
h2 {
font-size: 50px!important;
font-weight: 800;
padding: 0 30px 0;
margin-bottom: 8px;
transform: scale(1, 1);
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
text-align: right;
/*font-size: 45px!important;
font-family: 'Oswald', sans-serif;
font-weight: 800;
padding: 20px 0;
color: #333;
text-transform: uppercase;
margin-bottom: 8px;
line-height: 115%; */
}
h3 {
font-size: 45px!important;
font-family: 'Oswald', sans-serif;
font-weight: 800;
padding: 20px 0;
color: #333;
text-transform: uppercase;
margin-bottom: 8px;
line-height: 115%;
/*font-size: 30px!important;
font-weight: 500;
padding: 0 0 15px;
margin-bottom: 20px;
color: #121212;
line-height: 1em;
text-transform: uppercase;
text-align: center; */
}
h4 {
font-size: 30px!important;
font-weight: 500;
padding: 0 0 15px;
margin-bottom: 20px;
color: #121212;
line-height: 1em;
text-transform: uppercase;
text-align: center;
/*font-size: 24px!important;
color: #222!important;
line-height: 110%;
font-weight: 400;
text-transform: uppercase;
padding-bottom: 15px; */
}
h5 {
font-size: 22px!important;
}
blockquote {
margin-left: 40px;
border-left: 0!important;
}
hr {
background: #303030 none repeat scroll 0 0;
width: 100%;
display: block;
margin: 0 auto;
height: 1px;
}
.headBanner h1 {
font-size: 110px!important;
line-height: 105%;
font-weight: 800;
text-align: center;
padding: 12px 10px 0;
color: #ffffff;
margin-bottom: 8px;
text-shadow: 2px 2px rgba(0,0,0,0.2);
/*border-bottom: 8px solid white; */
}
p.openingParagraph, .openingParagraph p {
font-size: 30px!important;
font-weight: normal;
text-transform: none!important;
font-family: 'Roboto', sans-serif;
font-weight: 400!important;
padding: 0 0 15px 0;
line-height: 115%;
}
p.openingParagraphSmaller, .openingParagraphSmaller p, .openingParagraphSmaller {
font-size: 24px!important;
text-transform: none!important;
font-family: 'Roboto', sans-serif;
font-weight: normal!important;
padding: 0 0 15px 0;
line-height: 115%;
color: #000;
}
h1.homePageSliderHeading {font-size: 110px!important;
line-height: 108%;
font-weight: 800;
padding: 12px 10px 0 0;
color: #ffffff;
margin-bottom: 8px;
text-shadow: 2px 2px rgba(0,0,0,0.2);
background: rgba(0, 0, 0, 0);
text-align: center!important;
transform: scale(1, 1);
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
}
.specialText {font-family: 'Dancing Script', cursive!important; font-weight: normal; text-transform: none!important;}
.et_pb_bg_layout_dark.et_pb_slider_with_text_overlay .et_pb_text_overlay_wrapper {
background-color: rgba(0,0,0,0)!important;
display: none!important;
}
.et_pb_slide_description h1 {
text-align: center!important;
padding: 12px 0 0;
text-shadow: 2px 2px rgba(0,0,0,0.2);
}
.et_pb_bg_layout_dark .et_pb_slide_description {
text-shadow: none!important;
}
/*------------------------------------------------*/
/*---------------[HEADER]------------------*/
/*------------------------------------------------*/
.sfm-pos-right .sfm-label-circle .sfm-navicon-button, .sfm-pos-right .sfm-label-rsquare .sfm-navicon-button, .sfm-pos-right .sfm-label-square .sfm-navicon-button {
margin-top: 15px;
}
#et_search_icon:hover, #top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a, .bottom-nav li.current-menu-item > a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar::after, .mobile_menu_bar::before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span::before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span::before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page button.button.alt.disabled:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
color:
#fff;
}
.mobile_menu_bar::before {
position: relative;
top: 0;
left: -10px;
font-size: 40px;
content: "\61";
cursor: pointer;
}
.et_header_style_fullscreen .et_slide_in_menu_container span.mobile_menu_bar.et_toggle_fullscreen_menu {
position: absolute;
right: 22px!important;
top: 18px!important;
z-index: 999999;
cursor: pointer;
}
/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/
.et_pb_section {
position: relative;
background-color: rgb(0,0,0,0);
padding: 0!important;
}
.et_pb_row {
padding: 0 0 60px;
}
.entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul, body.et-pb-preview #main-content .container ul {
padding: 15px 0 15px 1em;
}
footer#main-footer {display: none!important;}
p#footer-info {font-size: 10px; color: white;
}
.eventBox {
font-size: 22px!important;
font-weight: normal;
text-transform: none!important;
font-family: 'Roboto', sans-serif;
font-weight: 400!important;
color: white;
padding: 22px 16px 16px;
margin: 0;
/*border-bottom: 1px solid #7979FF;*/
/*background: rgba(0,0,254,0.25);*/
}
.eventBox:hover {
background: rgba(0,0,254,0.70);
width: 100%;
}
.eventNumber {font-size: 40px; font-weight: 800; padding-right: 15px;}
ul.socialIcons {}
ul.socialIcons li {display: inline-block;}
/*a.et_pb_button {background-color: #E00120; padding: 10px 15px; font-size: 22px; color: white;}
a.et_pb_button:hover {background-color: black!important; padding: 10px 15px; font-size: 22px; color: white;} */
.bulletList ul li {font-weight: normal!important; font-size: 25px!important; border-left: 1px solid #efefef; padding-left: 25px; margin-left: 15px;}
li.fa, li.fas {
font-size: 30px;
text-align: left!important;
padding-bottom: 0;
color: #B0D240!important;
padding-left: 0;
}
i.fas {margin-right: 15px;}
span.seeAll {font-weight: 400!important; font-size: 19px; padding-right: 25px; margin-left: 0; }
a.span.seeAll {color: #000!important; }
/*span.seeAll {font-weight: 600!important; font-size: 25px!important; border-left: 1px solid #efefef; padding-left: 25px; margin-left: 15px; }
a.span.seeAll {color: #B0D240!important; } */
.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
width: 31.6667%;
}
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
margin-right: 2.5%;
}
.et_pb_scroll_top.et-pb-icon {
display: none;
color: #fff;
background: #C5011B;
}
ul.footerLinks li {list-style-type: none!important; text-decoration: underline; }
ul.footerLinks li a {color: white!important; }
.et-pb-contact-message {color: #72BD64; padding: 0 20px 20px!important; }
.et-pb-contact-message p {padding: 20px!important; border: 1px solid #72BD64; line-height: 25px;}
.contactFormContactPage button.et_pb_contact_submit:hover {background-color: black!important; color: white!important;}
.et_pb_slide_0 {
background-color: transparent!important;
}
.et_pb_toggle_content {font-size: 18px; color: #111;}
h5.et_pb_toggle_title {font-size: 20px; font-weight: bold; }
.et_pb_toggle_close h5.et_pb_toggle_title {font-size: 20px; font-weight: 400!important; color: black!important;}
.et_pb_slide_content p {font-size: 28px!important; margin-bottom: 25px;}
.sliderButton .et_pb_button {font-size: 22px; padding: 12px 15px;}
.sliderButton .et_pb_button:hover {background-color: #111!important; color: white!important;}
/*.et_pb_slide_description {opacity:1!important;} */
ol li {padding-bottom: 20px;}
ol li::marker {color: #C5011B; display: none!important;}
span.listHeading {color: #333; font-size: 23px; font-weight: bold; padding: 20px 0; text-transform: uppercase; display: block!important; }
span.caseStudy {background-color: #111; color: white; padding: 12px 20px; font-size: 22px; display: inline-block;}
.projectBoxes {padding: 15px!important; margin-bottom: 20px; border: 1px solid #efefef;}
#PureChatWidget.purechat .purechat-collapsed .purechat-widget-header .purechat-widget-title-link {padding-left: 10px !important; padding-right: 3px!important;}
/*------------------------------------------------*/
/*-------------------[IMAGE HOVER]-------------------*/
/*------------------------------------------------*/
.hvrbox,
.hvrbox * {
box-sizing: border-box;
}
.hvrbox {
position: relative;
display: inline-block;
overflow: hidden;
max-width: 100%;
height: auto;
}
.hvrbox img {
max-width: 100%;
}
.hvrbox .hvrbox-layer_bottom {
display: block;
}
.hvrbox .hvrbox-layer_top {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 15px 15px;
-moz-transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
.dance2nate .hvrbox .hvrbox-layer_top, .nova .hvrbox .hvrbox-layer_top, .mensyoga .hvrbox .hvrbox-layer_top, .happybuddha .hvrbox .hvrbox-layer_top, .braystreet .hvrbox .hvrbox-layer_top, .ramonkane .hvrbox .hvrbox-layer_top
{
background: #111;
color: #fff;
}
.hvrbox:hover .hvrbox-layer_top,
.hvrbox.active .hvrbox-layer_top {
opacity: 1;
}
.hvrbox .hvrbox-text {
text-align: center;
font-size: 20px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.hvrbox .hvrbox-text_mobile {
font-size: 15px;
border-top: 1px solid rgb(179, 179, 179); /* for old browsers */
border-top: 1px solid rgba(179, 179, 179, 0.7);
margin-top: 5px;
padding-top: 2px;
display: none;
}
.hvrbox.active .hvrbox-text_mobile {
display: block;
}
.hvrbox-text p {margin-bottom: 25px!important;
}
.hvrbox-text .et_pb_button {border: 1px solid white!important;
color: white!important;
}
.rplg .rplg-review-text {
color: #000 !important;
line-height: 24px !important;
font-size: 17px !important;
}
.rplg-links a {color: #666!important;}
.rplg .rplg-biz-name a {
color: black!important;
}
.rplg .rplg-review-name {
color: #111 !important;
}
.apct-testimonial-company-name-position {font-size: 16px!important;}
/*------------------------------------------------*/
/*---------------[PULSING HEART]-------------*/
/*------------------------------------------------*/
#pulsingHeartWrapper {
position: absolute;
margin-left: 10px;
margin-top: 40px;
/*animation:pulse 2s infinite;*/
top: 6%;
left: 18%;
}
/*Moved it to a new declaration below it: */
body:not(.safari) #pulsingHeartWrapper {
animation:pulse 2s infinite;
}
#pulsingheart {
position: relative;
width: 200px;
height: 180px;
z-index: 999;
}
#pulsingheart:before, #pulsingheart:after {
position: absolute;
content: "";
left: 100px;
top: 0;
width: 100px;
height: 160px;
/* background: #C5011B; */
background: linear-gradient(90deg, #f00000, #f00000 16.67%, #ff8000 16.67%, #ff8000 33.33%, #ffff00 33.33%, #ffff00 50%, #007940 50%, #007940 66.67%, #0000F9 66.67%, #0000F9 83.33%, #a000c0 83.33%, #a000c0)!important;
border-radius: 100px 100px 0 0;
transform: rotate(-45deg);
transform-origin: 0 100%;
animation:pulsecolor 30s infinite;
}
#pulsingheart:after {
left: 0;
transform: rotate(45deg);
transform-origin :100% 100%;
animation:pulsecolor 30s infinite;
}
@keyframes pulse {
50% {transform: scale(1.2)}
}
@keyframes pulsecolor {
50% { /*background: #E00120;*/ background: linear-gradient(90deg, #f00000, #f00000 16.67%, #ff8000 16.67%, #ff8000 33.33%, #ffff00 33.33%, #ffff00 50%, #007940 50%, #007940 66.67%, #0000F9 66.67%, #0000F9 83.33%, #a000c0 83.33%, #a000c0); }
}
/*------------------------------------------------*/
/*--------------------[FORM]-------------------*/
/*------------------------------------------------*/
.grecaptcha-badge {
visibility: hidden!important;
}
/*------------------------------------------------*/
/*------------[SLIDER]-----------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/
@media only screen and ( max-width: 1058px ) and ( min-width: 981px ) {
/* .et_pb_row {
width: 90%;
max-width: 1080px;
margin: auto;
position: relative;
}
*/
#pulsingHeartWrapper {
right: 0;
}
.homePageSliderHeading {
letter-spacing: -5px;
}
}
@media only screen and ( max-width: 1179px ) and ( min-width: 1101px ) {
}
@media (min-width: 981px) {
}
@media screen and (max-width: 980px) {
.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
width: 100%;
}
.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
margin-right: 0;
}
}
/*-------------------[960px]------------------*/
@media only screen and ( min-width: 881px ) and ( max-width: 1100px ) {
}
@media only screen and ( min-width: 1100px ) and ( max-width: 980px ) {
}
/*-------------------[980px]------------------*/
@media only screen and ( max-width: 780px ) {
h1 {
font-size: 50px!important;
}
h2 {
font-size: 40px!important;
padding-top: 0!important;
}
h1.homePageSliderHeading {
font-size: 80px!important;
line-height: 105%;
font-weight: 800;
padding: 12px 0 0;
margin-bottom: 8px;
text-shadow: 2px 2px rgba(0,0,0,0.2);
background: rgba(0, 0, 0, 0);
text-align: center;
}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
padding: 16% 3%;
padding-top: 12%;
width: auto;
margin: auto;
}
}
@media only screen and ( min-width: 481px ) {
}
@media only screen and ( max-width: 700px ) {
}
@media only screen and ( max-width: 480px ) {
.et_header_style_left #logo, .et_header_style_split #logo {
max-width: 80%!important;
}
h1.homePageSliderHeading {
font-size: 50px!important;
line-height: 115%;
font-weight: 800;
padding: 12px 0 0;
margin-bottom: 8px;
text-shadow: 2px 2px rgba(0,0,0,0.2);
background: rgba(0, 0, 0, 0);
text-align: center!important;
}
.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
padding: 16% 2%;
padding-top: 10%;
width: auto;
margin: auto;
}
.et_pb_row {
width: 90%;
}
}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
}
@media screen and ( max-width: 782px ) {
}
/*-------------------[480px]------------------*/
@media only screen and ( min-width: 481px ) {
}
/*-------------------[480px]------------------*/
@media only screen and ( max-width: 560px ) {
/*-------------------[Menu]------------------*/
}