@font-face {
font-family: 'Century Gothic';
src: url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic-BoldItalic.woff2) format('woff2'),
url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic-BoldItalic.woff) format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Century Gothic';
src: url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic-Italic.woff2) format('woff2'),
url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic-Italic.woff) format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Century Gothic';
src: url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic-Bold.woff2) format('woff2'),
url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic-Bold.woff) format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Century Gothic';
src: url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic.woff2) format('woff2'),
url(//rawafricacollection.co.za/wp-content/themes/divi-child/fonts/CenturyGothic.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}body { font-weight: 400; }
body, body * {
font-family: 'Century Gothic';
}
.royal-font, .royal-font * {  font-family: 'FONTSPRING'; }
.container, .et_pb_row {width: 90%;}
.et-fixed-header img#logo {
filter: invert(1);
}
body .mobile_menu_bar:before ,body .mobile_menu_bar:after { color: #fff; }
body .et-fixed-header .mobile_menu_bar:before, body .et-fixed-header .mobile_menu_bar:after {
color: #000;
} #et-top-navigation nav#top-menu-nav ul#top-menu li a:after {
display: none;
} a.content-link {
margin-top: 50px;
display: inline-block;
padding: 15px 20px;
border: 1px solid #192a55;
transition: all 1s ease-out;
}
a.content-link:hover {
background-color: #192a55;
color: #fff !important;
}
span.lg-text {
margin-top: 40px;
display: inline-block;
text-transform: uppercase;
font-size: 26px;
letter-spacing: 0.5px;
text-underline-offset: 5px;
}
.head-icon .et_pb_text_inner a {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}  footer#main-footer .container { width: 90%; }
#main-footer .footer-widget:nth-child(1) .footer-col-1 {
display: flex;
flex-direction: column;
align-items: center;
}  #footer-widgets a.footer-btn {
font-size: 16px;
text-transform: uppercase;
color: #000;
background-color: #d2d3d5;
padding: 10px 20px;
display: inline-block;
margin-top: 35px;
transition: all 1s ease-out;
font-weight: bold;
}
#footer-widgets a.footer-btn:hover {
background-color: #fff;
}
#footer-widgets a.footer-btn svg {
vertical-align: middle;
}
#footer-widgets .footer-widget ul.social-media-icon li {
padding-left: 0px;
}
.footer-widget li:before { display: none; }
ul.social-media-icon {
display: flex;
list-style-type: none;
margin-top: 20px;
justify-content: center;
gap: 24px;
}
div#nav_menu-2 h4.title, .footer-widget .title {
font-size: 22px;
text-transform: uppercase;
color: #fff;
margin-bottom: 30px;
padding: 0px;
margin-top: 30px;
font-weight: bold;
}
#footer-widgets .footer-widget div#nav_menu-2 li {
padding: 0px;
}
#footer-widgets .footer-widget div#nav_menu-2 li a, body div#text-4, .textwidget, body div#text-5 .textwidget {
font-size: 16px;
font-weight: 400;
}
#main-footer a.footer-btn.sign-up {
padding: 10px 40px;
border-radius: 50px;
margin-top: 6px;
}
div#et-footer-nav {
display: none;
}
#footer-bottom .container.clearfix {
border-top: 1px solid #5e6a88;
display: flex;
justify-content: center;
padding: 10px 0px;
}
div#footer-info {
padding: 0px;
font-size: 15px;
color: #fff;
text-align: center;
}
#footer-widgets .footer-widget div#nav_menu-2 li a, div#text-4 .textwidget p a {
transition: all 1s ease-out;
}
#footer-widgets .footer-widget div#nav_menu-2 li a:hover, div#text-4 .textwidget p a:hover {
color: #fff;
border-bottom: 1px solid #fff;
} @media (min-width: 981px) {
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
padding: 20px 0 20px 0 !important;
}	
#top-menu-nav #top-menu > .menu-item-has-children > a {
font-size: 16px;
text-transform: uppercase;
line-height: 0px;
color: #fff;
background-color: #192a55;
padding: 25px 12px;
position: relative;
transition: all .5s ease-out;
}
#top-menu-nav #top-menu > .menu-item-has-children > a:hover {
background-color: #192a55;
}	
#top-menu.nav li ul {	
padding: 20px 0;
left: auto;
right: 0;
width: 340px;
}	
#main-header .nav li ul {
background-color: #192a55 !important;
}	
#top-menu li li {
padding: 0px 20px;	
}
#top-menu li li a {
padding: 6px 0px;
width: 300px;
font-size: 15px;
font-weight: 400;
}	
.heading-border .et_pb_text_inner h1 {
position: relative;
padding: 0px;
}
.white-space { white-space: nowrap; }	
.line-with-text {
display: flex;
align-items: center;
gap: 10px;               
}
.line-with-text::before,
.line-with-text::after {
content: "";
flex: 1;                 
border-bottom: 1px solid #b2b2b2;
}
.line-with-text p {
display: none !important;
} .home-collection-slider .slick-track .slide-item {
margin-right: 5px;
margin-left: 5px;
overflow: hidden;
}  div#footer-widgets {
padding: 45px 0px;
}
div#footer-widgets .footer-widget {
margin-bottom: 0px;
} }
@media (max-width: 980px) {
header#main-header .container {
width: 95%;
}
div#page-container {
overflow-x: hidden;
}
span.logo_helper { vertical-align: bottom;}
.et_header_style_left #logo {
max-width: 100%;
max-height: 90%;
}
div#et-top-navigation {
gap: 10px;
}
body #main-header .et_mobile_menu {
background-color: #192a55;
border: none;
}
body #main-header span.menu-closed:before {  color:#fff;  } .et_header_style_left #et-top-navigation .mobile_menu_bar { padding-bottom: 0px; } a.content-link {
margin-top: 20px;
padding: 6px 10px;
}
.m-reverse {
display: flex;
flex-direction: column-reverse;
gap: 30px;
}
.m-reverse .et_pb_column.et_pb_column_1_2.et_pb_column_3 {
margin-bottom: 0px;
}
.line-with-text p {
display: none !important;
}  #main-footer .footer-widget:nth-child(1) div#text-2 .textwidget {
align-items: flex-start;
}
img.footer-logo {
max-width: 50%;
}
body #main-footer #footer-widgets { padding-bottom: 10px; }
body #main-footer div#footer-widgets .footer-widget {
margin-bottom: 20px !important;
}
div#nav_menu-2 h4.title, .footer-widget .title { 
margin-bottom: 15px; 
font-size: 20px;
}
div#nav_menu-2 h4.title, .footer-widget .title, #footer-widgets a.footer-btn {
margin-top: 0px;
}	
#footer-widgets .footer-widget div#nav_menu-2 li a, body div#text-4, .textwidget, body div#text-5 .textwidget { font-size: 14px; }
#main-footer .footer-widget:nth-child(1) .footer-col-1 {
align-items: flex-start;
}
div#footer-info { font-size: 13px;  }	
#footer-widgets a.footer-btn:not(.sign-up) {
margin-top: 20px !important;
} }
@media (min-width:768px) and (max-width:980px) {
span.lg-text {
margin-top: 30px;
font-size: 20px;
}
}
@media (max-width: 767px) {
span.lg-text {
margin-top: 20px;
font-size: 18px;
}
} .home-collection-slider .slick-track .slide-item {
display: flex;
gap: 10px;
}
.home-timeline-nav .thumb-item.slick-slide {
text-align: center !important;
position: relative;
padding-bottom: 30px;
margin-top: 30px;
}
.thumb-item.slick-slide.slick-current:before {
background-color: #192a55 !important;
} .home-timeline-nav .thumb-item.slick-slide p {
text-transform: uppercase;
font-size: 16px; font-weight: bold;
}
.home-timeline-nav .thumb-item.slick-slide p:nth-child(1) {
padding-bottom: 0px;
}
.home-timeline-nav .thumb-item.slick-current p {
color: #000;
}
.home-timeline-nav .thumb-item.slick-slide a {
color: #192a55;
text-transform: uppercase;
border: 1px solid #192a55;
padding: 5px 15px;
display: inline-block;
margin-top: 20px;
transition: all .5s ease-out;
font-weight: bold;
font-size: 15px;
}
.home-timeline-nav .thumb-item.slick-slide a:hover {
background-color: #192a55;
color: #fff;
}
.home-collection-slider-2 .et_pb_module {
padding-right: 20px;
padding-left: 20px;
margin-bottom: 0px !important;
}
a.site-btn {
display: inline-block;
border: 1px solid #192a55;
padding: 10px 20px;
transition: all .5s ease-out;
font-weight: 600;
}
a.site-btn:hover {
background-color: #192a55;
}
.home-collection-slider-2 .slickNavBtn {
background-color: transparent;
border: none;
position: absolute;
top: 133px;
cursor: pointer;
z-index: 9;
}
.home-collection-slider-2 button.slickNavBtn-prev {
left: -12px;
}
.home-collection-slider-2 button.slickNavBtn-next {
right: -12px;
}
.home-collection-slider-2 .slick-list, .home-collection-slider-2 .slick-list .slick-track, .home-collection-slider-2 .slick-list .slick-track .et_pb_blurb {
height: 100%;
}
.home-collection-slider-2 .et_pb_module .et_pb_blurb_content {
height: 100%;
padding-bottom: 80px;
}
.home-collection-slider-2 .et_pb_module .et_pb_blurb_content a.site-btn {
position: absolute;
bottom: 0;
left: 0;
}
.home-collection-slider-2 .et_pb_blurb_description, .home-collection-slider-2 .et_pb_blurb_description p {
font-weight: 300;
}
.home-collection-slider-2 h3.et_pb_module_header span {
font-weight: 400;
}
.home-timeline-nav button.slickNavBtn-prev, .home-timeline-nav button.slickNavBtn-next {
background-color: transparent;
border: none;
position: absolute;
top: 30px;
cursor: pointer;
z-index: 9;
}
.home-timeline-nav button.slickNavBtn-next {
right: 0px;
}
.home-timeline-nav button.slickNavBtn-prev {
left: 0px;
}
@media (max-width:980px) {
.home-collection-slider .slick-track .slide-item img:nth-child(2) {
height: 300px;
object-fit: cover;
}
.home-collection-slider .slick-track .slide-item img:nth-child(1) {
display: none;
}
.home-collection-slider .slick-track .slide-item {
padding-left: 5px;
padding-right: 5px;
}
.home-collection-slider button.slickNavBtn { display: none !important; }
a.site-btn {
padding: 8px 15px; 
}
}   form#forminator-module-255 {
margin-top: 0px !important;
}
#forminator-popup-overlay {
position: fixed;
inset: 0; z-index: 99999;
background: rgba(0, 0, 0, 0.65);
display: none; justify-content: center;
align-items: center;
padding: 20px; } #forminator-popup {
background: #ffffff;
max-width: 600px;
width: 100%;
max-height: 90vh; overflow-y: auto; border-radius: 10px;
padding: 24px 24px 28px;
position: relative;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
animation: popup-fade-in 0.25s ease-out;
} @keyframes popup-fade-in {
from {
opacity: 0;
transform: translateY(10px) scale(0.98);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
} #forminator-popup-close {
position: absolute;
top: 10px;
right: 14px;
border: none;
background: transparent;
line-height: 1;
cursor: pointer;
font-size: 35px;
color: #000;
padding: 0;
}
#forminator-popup-close:hover {
color: #000;
} #forminator-popup h2,
#forminator-popup h3 {
margin-top: 0;
margin-bottom: 12px;
font-size: 22px;
}
#forminator-popup .forminator-button-submit {
width: 100%;           
}