/* Theme Name: GeneratePress Child Theme URI: https://generatepress.com Description: Default GeneratePress child theme Author: Tom Usborne Author URI: https://tomusborne.com Template: generatepress Version: 0.1 black #0f0f0f grey #bbbbbb white #fafafa red #a71b2e orange #f17c56 (link hover: #770300) #B72B0B hot pink #B11D87 #9E0973 purple #33065F teal #95f4f4 green #94a013 */ /******************** container adjustments ************************ */ @font-face { font-family: 'Azonix'; src: url('../../i/Azonix.eot'); /* IE9 Compat Modes */ src: url('../../i/Azonix.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../../i/Azonix.woff') format('woff2'), /* Super Modern Browsers */ url('../../i/Azonix.woff') format('woff'), /* Pretty Modern Browsers */ url('../../i/Azonix.ttf') format('truetype'); /* Safari, Android, iOS */ } html {background:#0f0f0f; background-image: url('../../uploads/2022/03/ragingrootsloveletterbg.jpg'); background-attachment: fixed; background-size: 85% auto; background-repeat: repeat-y; background-position: center;} body {margin: 3% 9%; } .grid-container {max-width: 98%!important;} div.comments-area {display: none;} .site-branding, .header-widget {max-width: 25vw;} .separate-containers .inside-left-sidebar .widget_tag_cloud {margin-left: 2vw;} /* forms */ form.wpcf7-form h2 {font-family: "Ruluko", sans-serif;} div.elementor-element.elementor-element-f0110e9.elementor-widget.elementor-widget-wp-widget-tag_cloud div.elementor-widget-container h5 {display: none;} /******************** masthead adustments ************************ */ header.site-header {min-height: 15vh; margin-bottom: 1%; background-size: 150px;} /*div.inside-header.grid-container {background-image: url("../../i/rrsheaderbg.png");*/ background-repeat: no-repeat; background-position: bottom right; min-height: 21vh;} .site-branding-container {display: inline-block;} div.home-logo img.attachment-full.size-full {max-width: 150px;} /******************** menu adustments ************************ */ ul#menu-top-menu {border-bottom:.5px solid transparent; padding-bottom: 5px;} #site-navigation {border-top:1px solid #313131; border-bottom:1px solid #313131;} #site-navigation div.inside-navigation {background-color: #272727; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .navigation-search.nav-search-active {text-align: right;} .navigation-search input[type="search"] { max-width: 20vw; border: 1px solid #ffffff;} ul#menu-main-menu {margin-left: 3vw;} .main-navigation .main-nav > ul > li:not(:last-child) { margin-right: 3px; } .sub-menu .dropdown-menu-toggle { position: absolute; right: 0; } .main-navigation ul ul { width: auto; white-space: nowrap; } .blog .site-main > .post:nth-child(odd)>.inside-article .post-image, .archive .site-main > .post:nth-child(odd)>.inside-article .post-image { float: right; } #site-navigation div.inside-navigation {background-color: #272727; border-top:1px solid #343434;border-bottom:1px solid #343434;} nav.elementor-nav-menu--main.elementor-nav-menu__container.elementor-nav-menu--layout-horizontal.e--pointer-underline.e--animation-fade ul.elementor-nav-menu li, .main-navigation .main-nav ul li {border-radius: 10px 10px 0 0;} #primary-menu li.rrs-red, #menu-education-center li.rrs-red {border-bottom:1px solid #a71b2e; /* HOME #a71b2e RED */ border-top: 1px solid #d3727f; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, #d34e62; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom,-webkit-gradient(linear, left top, left bottom, from(#a71b2e), to(#d34e62)); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom,-webkit-linear-gradient(top, #a71b2e, #d34e62); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom,-moz-linear-gradient(top, #a71b2e, #d34e62); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom,-ms-linear-gradient(top, #a71b2e, #d34e62); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom,-o-linear-gradient(top, #a71b2e, #d34e62); } #primary-menu li.rrs-orange, #menu-education-center li.rrs-orange {border-bottom:1px solid #B72B0B; /* ABOUT #B72B0B ORANGE */ border-top: 1px solid #db7e6a; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, #db5d41; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, from(#b72d0b), to(#db5d41)); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-linear-gradient(top, #b72d0b, #db5d41); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -moz-linear-gradient(top, #b72d0b, #db5d41); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -ms-linear-gradient(top, #b72d0b, #db5d41); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -o-linear-gradient(top, #b72d0b, #db5d41); } /* SERVICES #33065F PURPLE */ #primary-menu li.rrs-purple, #menu-education-center li.rrs-purple {border-bottom:1px solid #33065F; border-top: 1px solid #8455af; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, #7434af; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, from(#32065f), to(#7434af)); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-linear-gradient(top, #32065f, #7434af); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -moz-linear-gradient(top, #32065f, #7434af); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -ms-linear-gradient(top, #32065f, #7434af); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -o-linear-gradient(top, #32065f, #7434af); } /* 1STVISIT #9E0974 PINK */ #primary-menu li.rrs-pink, #menu-education-center li.rrs-pink {border-bottom:1px solid #9E0973; border-top: 1px solid #cf63b0; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, #cf3ca5; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, from(#9e0974), to(#cf3ca5)); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-linear-gradient(top, #9e0974, #cf3ca5); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -moz-linear-gradient(top, #9e0974, #cf3ca5); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -ms-linear-gradient(top, #9e0974, #cf3ca5); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -o-linear-gradient(top, #9e0974, #cf3ca5); } /* GALLERY ** TEAL */ #primary-menu li.rrs-teal, #menu-education-center li.rrs-teal {border-bottom:1px solid #95f4f4; border-top: 1px solid #56d9fa; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, #95f4f4); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, from(#4e7272), to(#95f4f4)); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-linear-gradient(top, #4e7272, #95f4f4); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -moz-linear-gradient(top, #4e7272, #95f4f4); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -ms-linear-gradient(top, #4e7272, #95f4f4); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -o-linear-gradient(top, #4e7272, #95f4f4); } /* BOOKINGS ** GREEN #94A013 */ #primary-menu li.rrs-green, #menu-education-center li.rrs-green {border-bottom:1px solid #94a013; border-top: 1px solid #c8d06b; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, #c5d046; background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-gradient(linear, left top, left bottom, from(#94a013), to(#c5d046)); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -webkit-linear-gradient(top, #94a013, #c5d046); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -moz-linear-gradient(top, #94a013, #c5d046); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -ms-linear-gradient(top, #94a013, #c5d046); background: url('https://www.ragingrootsstudio.com/wp-content/themes/generatepress_child/style.css?ver=1678137586') no-repeat left bottom, -o-linear-gradient(top, #94a013, #c5d046); } ul#menu-education-center.menu li a {color: #fafafa;} ul.section-menu {display:inline-flex; list-style: none;} /* SLIDER */ /* returning clients */ .elementor-347 .elementor-element.elementor-element-0541465 .elementor-repeater-item-3b1ba41 .swiper-slide-bg { background-position: top right;} .elementor-347 .elementor-element.elementor-element-0541465 .elementor-repeater-item-3b1ba41 .elementor-slide-button {background-color: #94a0136b!important;} /* faq*/ .elementor-347 .elementor-element.elementor-element-0541465 .elementor-repeater-item-fa0ffbf .elementor-slide-button {background-color: #a71b2e6b!important;} /* CONTENT */ div.inside-article div.post-image a img.attachment-medium.size-medium.wp-post-image {margin-left: 3vw;} body.blog div.inside-article {border-bottom: 1.3px solid #bbbbbb; background-image: url('../../i/menu-swirls_fff.png'); background-position: bottom left; background-repeat: no-repeat; } body.blog #right-sidebar {margin-left: 6%; margin-right: 2%;} ul#menu-education-center a {color:#ffffff; margin-left: 16%; text-shadow: 0px 2px 2px #000000; } h2.entry-title a { color: #f17c56; } /******************** footer adustments ************************ */ footer.site-info {height: 135px;} div.site-footer {border-top: 1px solid #B11D87;} .footer-widgets .footer-widget-1 {flex-basis: 22%;} .footer-widgets .footer-widget-2 {flex-basis: 22%;} .footer-widgets .footer-widget-3 {flex-basis: 14%;} .footer-widgets .footer-widget-3 .widget ul li {text-align: center; font-weight: 700} .footer-widgets .footer-widget-4 {flex-basis: 22%;} .footer-widgets .footer-widget-5 {flex-basis: 20%;} aside#custom_html-6.widget_text.widget.inner-padding.widget_custom_html div.textwidget.custom-html-widget h2 {font-family: "Ruluko", sans-serif;} aside#custom_html-6 img {min-width:6vmin;} aside#custom_html-6 h2 {font-size: 1em; margin-top: 1em; color:#94a013;} .inside-header.grid-container .site-logo { position: absolute; left: 50%; transform: translateX(-50%); } nav#mobile-menu-control-wrapper { margin-left: 0; width: 100%; display: flex; flex-wrap: nowrap; } nav#mobile-menu-control-wrapper .menu-toggle{ margin-left: auto; flex-grow:0; } .elementor-menu-toggle:after { content:'Main Menu'; position: relative; margin-left: 10px; } /******************** smaller media mobile adjustments ************************ */ /******************** smaller media mobile adjustments ************************ */ /******************** smaller media mobile adjustments ************************ */ /******************** smaller media mobile adjustments ************************ */ /* very large screens HUGE */ @media (min-width: 1824px) { /* comment */ .entry-content {column-count: 2; column-gap: 9%; } .entry-content p {break-inside: avoid-column;} body.page-id-381 .entry-content, body.page-id-373 .entry-content {column-count: 1;} } /* END very large screens HUGE */ } /* Portrait tablet to landscape and desktop LAPTOP */ @media (min-width: 768px) and (max-width: 1024px) { /* comment */ body {margin: 2% 5%; } /* END Portrait tablet to landscape and desktop */} /* Landscape phone to portrait tablet TABLET */ @media (max-width: 767px) { /* comment */ body {margin: 2% 3%; } /* slider background image positioning */ /* faq */ .elementor-347 .elementor-element.elementor-element-0541465 .elementor-repeater-item-fa0ffbf .swiper-slide-bg {background-position: right;} /* returning clients */ .elementor-347 .elementor-element.elementor-element-0541465 .elementor-repeater-item-3b1ba41 .swiper-slide-bg { background-position: bottom right; background-size: 145%} /* ready for a transformation */ .elementor-347 .elementor-element.elementor-element-0541465 .elementor-repeater-item-ce790b3 .swiper-slide-bg {background-size: 50% auto;} /* simplify menu for small screens */ #primary-menu li a {color: white;} #primary-menu li.rrs-red, #primary-menu li.rrs-orange, #primary-menu li.rrs-pink,#primary-menu li.rrs-purple,#primary-menu li.rrs-teal,#primary-menu li.rrs-green, a.elementor-sub-item {background-image: none; background-color: #000000;} /* END Landscape phone to portrait tablet */} /* Landscape phones and down PHONE*/ @media (max-width: 480px) { /* comment */ .site-branding, .header-widget { max-width: 100%; } .site-header { background-position: top center; } .inside-header.grid-container .site-logo { position: absolute; top: 0; } /* END Landscape phones and down */}