/*
Theme Name: rara-business Child
Theme URL: http://yourdomain.com
Description: Rara Business Child
Theme Author: Gas Fre
Author URL: http://yourdomain.com
Template: rara-business
Version: 1.0.0
Text Domain: rara-business-child
*/


/* TEXT */

@font-face {
	font-family: 'asap';
	src: url('font/Asap-Regular.ttf'),
		 url('font/Asap-Bold.ttf');
}

@font-face {
	font-family: 'oxygen';
	src: url('font/Oxygen-Regular.ttf'),
	src: url('font/Oxygen-Light.ttf'),
		 url('font/Oxygen-Bold.ttf');
}

htlm *{
	overflow: hidden;
}

body {
	font-size: 16px;
	$line-height: 1.7rem;
	overflow-x: hidden !important;
	font-style: 'oxygen', sans-serif !important;
}

.site-branding .site-title,
.main-navigation ul,
#primary .site-main article .entry-header .entry-title,
.page-header .page-title,
.error-holder .text-holder h2,
.error404 .recent-post .section-title,
.error404 .recent-post .col .entry-title,
#primary .post .entry-footer .social-share strong,
.author-section .text-holder .name,
.related-post .section-title,
.related-post .col .entry-title,
.popular-post .section-title,
.popular-post .col .entry-title,
.comments-area .comments-title,
.comments-area .comment-body .fn,
.comments-area .comment-reply-title,
.banner .banner-text .text-holder .title,
.our-services .widget_text .widget-title,
.our-services .grid .widget .widget-title,
.featured-page .widget_raratheme_featured_page_widget .widget-featured-holder .text-holder .widget-title,
.our-features .widget.widget_text .widget-title,
.our-features .widget_rrtc_icon_text_widget .rtc-itw-inner-holder .text-holder .widget-title,
.our-team .widget_text .widget-title,
.our-team .widget_rrtc_description_widget .text-holder .name,
.our-testimonial .section-header .widget_text .widget-title,
.our-testimonial .grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name,
.our-stats .widget_text .widget-title,
.our-stats .widget_raratheme_companion_stat_counter_widget .hs-counter,
.portfolio .widget_text .widget-title,
.blog-section .widget_text .widget-title,
.blog-section .blog-post .entry-title,
.our-skills .text-holder .title,
.portfolio-holder .button-group .button,
.portfolio-holder .filter-grid .element-item .img-holder .text-holder .text .title,
.our-pricing .widget_text .widget-title,
.our-pricing .pricing-holder .col h3,
.our-pricing .pricing-holder .col .price-holder,
.cta .widget .widget-title,
.cta .widget .btn-cta,
.faq-section .widget_text .widget-title,
.faq-section .widget .accordion li .toggle,
.contact-section .widget_text .widget-title,
.our-clients .widget .widget-title,
.contact-grid .right .contact-info h3,
.page-template-faq .widget_raratheme_companion_faqs_widget .accordion li .toggle,
.team-grid .widget_rrtc_description_widget .text-holder .name,
.testimonial-grid .widget_rrtc_testimonial_widget .text-holder .testimonial-meta .name {
    font-family: 'Oxygen', sans-serif;
}

body, button, input, select, optgroup, textarea {
    font-family: 'Oxygen', sans-serif;
}

.main-navigation ul {
	font-family: 'asap';
}


/* CONTAINER */
.full-width #content .content-grid {
    max-width: 1080px;
    margin: 0 auto;
}

.page-template-portfolio .page-header {
    max-width: auto;
    margin: 0 auto 60px;
    text-align: center;
}


p, H1, h2, H3, H4, H5, H6 {
    color: #434343;
}

p {
    margin-bottom: 0;
    margin-top: 0;
}

p, span {
	/* text-align: justify; */
}

h2, #primary .post .entry-content h2, #primary .page .entry-content h2  {
    font-size: 1.2em;
    color: #A336E8;
    font-family: 'asap';
    font-weight: bold;
}

h3, #primary .post .entry-content h3, #primary .page .entry-content h3 {
	font-size: 20px;
	font-family: 'asap';
}

h4, #primary .post .entry-content h4, #primary .page .entry-content h4 {
	font-size: 19px;
	font-family: 'asap';
	color: #e836c1;
	text-decoration: underline;
}

.ek-link {
	color: #00d084;
}

.ek-link:hover {
	color: #00d084;
}

/* FOOTER */

#content {
	padding-bottom: 0px;
}

.nf-form-content {
    padding: 0px !important;
    max-width: 800px !important;
    margin: 0 auto !important;
}

.form_footer p {
	margin-bottom: 20px;
}

.form_footer .nf-form-content input[type=button]{
	color: #00d084 !important;
	background-color: white !important;
}

.form_footer .nf-form-content input[type=button]:hover {
	background-color: #00d084 !important;
	border: 1px solid white !important;
	color: white !important;
}

.footer_list {
	color: white !important;
	list-style: none;
	padding-bottom: 40px !important;
	margin: 0;
}

.footer_list li {
	padding-bottom: 15px;
}

.footer_a {
	color: white;
}

.footer_a:hover {
	color: white;
}

.site-footer {
	background-color: #00d084;
}

.banner .banner-text .text-holder .title {
	font-family: 'asap';
	font-weight: 600;
	font-size: 36px;
	color: white;
}

#banner-section h2 {
	font-family: 'asap';
	font-weight: 600;
	font-size: 36px;
	color: white;
}

#banner-section p {
	color: white;
	margin-top: 40px;
	font-size: 21px;
	font-weight: 500;
}

.banner .banner-text .btn-holder .btn-free-inquiry {
    font-size: 0.888em;
    font-weight: 900;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
    background: #38D685;
    border-radius: 5px;
    margin: 0 15px;
	margin-top: 50px;
    padding: 17px 17px;
    -webkit-transition: ease 0.2s;
    -moz-transition: ease 0.2s;
    transition: ease 0.2s;
}

.banner .banner-text .btn-holder .btn-free-inquiry:hover, .banner .banner-text .btn-holder .btn-free-inquiry:focus {
    text-decoration: none;
    background: #fff;
    color: #38D685;
}

.banner .banner-text .btn-holder .btn-free-inquiry svg {
	display: none;
}

#primary .post .entry-content h6, #primary .page .entry-content h6 {
    font-size: 25px;
    line-height: 1.444em;
    color: #111;
    font-family: 'Asap', sans-serif;
    font-weight: 700;
    margin: 0 0 25px;
}

#primary .post .entry-content h5, #primary .page .entry-content h5 {
    font-size: 18px;
    line-height: 1.444em;
    color: white;
    font-weight: 700;
    margin: 0 0 10px;
}

section {
    position: relative;
    margin-left: -300vw;
    padding-left: 300vw;
    margin-right: -300vw;
    padding-right: 300vw;
}

.fullwidth {
	position: relative;
    margin-left: -300vw;
    padding-left: 300vw;
    margin-right: -300vw;
    padding-right: 300vw;
}

.ugb-container__wrapper {
	position: relative !important;
    margin-left: -300vw !important;
    padding-left: 300vw !important;
    margin-right: -300vw !important;
    padding-right: 300vw !important;
}

/* STACKABLE CUSTOM */
.ugb-card.ugb-card--v2 .ugb-card__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: 42%;
    padding: 44px;
}

.ugb-main-block {
	margin-top: 0px;
}

/* NINJA FORM */

.footer-t .grid .col {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    margin-right: 3%;
}

.footer-t .grid .form_footer {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    margin-right: 3%;
}

@media only screen and (max-width: 1025px) {
	.footer-t .grid .col {
	    display: inline-block;
	    vertical-align: top;
	    width: 22.33%;
	    margin-right: 3%;
	}

	.footer-t .grid .form_footer {
	    display: inline-block;
	    vertical-align: top;
	    width: 22.33%%;
	    margin-right: 3%;
	}

	.footer_list {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 630px) {
	.footer-t .grid .col {
	    display: inline-block;
	    vertical-align: top;
	    width: 90%;
		margin: 0 auto;

	}

	.footer-t .grid .form_footer {
	    display: inline-block;
	    vertical-align: top;
	    width: 90%;
	    margin: 0 auto;
	}

	.footer_list {
		padding-left: 0px;
	}
}

.ninja-forms-req-symbol {
	display: none;
}
.nf-form-fields-required, .nf-field-label {
	display: none;
}

.nf-form-content label {
	font-size: inherit !important;
	line-height: inherit !important:
}
.nf-field-label label {
	font-weight: inherit !important;
}

.nf-form-content input[type=button]{
	background-color: #00d084 !important;
}

.nf-form-content input[type=button]:hover {
	color: #00d084 !important;
	background-color: white !important;
	border: 1px solid #00d084;
}

.nf-form-content .list-select-wrap .nf-field-element>div,
.nf-form-content input:not([type=button]),
.nf-form-content textarea,
.ninja-forms-field .nf-element {
    background: #f7f7f7 !important;
    border: 1px solid #ececec !important;
    border-radius: 7px !important;
	color: #434343;
}

::-webkit-input-placeholder { /* Edge */
	color: #b5b5b5;
}

:-ms-input-placeholder { /* Internet Explorer */
	color: #b5b5b5;
}

::placeholder {
	color: #b5b5b5;
}

.ninja-forms-form-wrap *, .ninja-forms-form-wrap :after, .ninja-forms-form-wrap :before {
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
}

.nf-error .nf-error-msg {
	color: #cf2e2e !important;
}

.nf-error.field-wrap .nf-field-element:after {
	background-color: #cf2e2e !important;
}

nf-error .ninja-forms-field {
	border-color: #cf2e2e!important;
	transition: all .5s;
}

#nf-error-7,
.nf-after-form-content {
	display: none;
}

/* ADD ON FOR GUTENBERG CUSTOM (CARD) */

/* CARD WRAPPER */

.uagb-post__inner-wrap {
	border: 1px solid transparent;
    border-radius: 7px;
	box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);

	transition: all .2s ease-in-out;
}

.uagb-post__inner-wrap:hover {
transform: scale(1.03);
box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.2);

}

/* CARD IMG */
.uagb-post-grid .uagb-post__image img {
	border-top-left-radius: 7px !important;
	border-top-right-radius: 7px !important;
}

.uagb-post__title {
	font-size: 18px !important;
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

/* ADVANCED TITLE */

.wp-block-uagb-advanced-heading .uagb-separator {
    border-top-width: 1px;
    width: 8%;
    margin: 7px 0px 10px 0px;
    border-radius: 7px;
	background-color: #434343 !important;
}

/* ICON IMAGE */

.uagb-icon-list__source-image {
	max-width:  max-content;
}



/* MENU COLOR */
@media only screen and (min-width: 1025px) {
	.main-navigation ul li a:hover,
    .main-navigation ul li a:focus,
    .main-navigation ul li:hover>a,
    .main-navigation ul li:focus>a {
        color: #00d084;
    }
}

@media only screen and (min-width: 1025px){
.main-navigation ul li:after {
    background: #00d084;
}

/* MENU NAV */
.site-header {
	background-color: white;
}

.breadcrumb-wrapper {
	display: none !important;
}


/* BANNER QUOTE */

.cta-container {
	background-size: cover;
    position: relative;
    margin-left: -18vw;
    padding-left: 18vw;
    margin-right: -18vw;
    padding-right: 18vw;
    padding-top: 100px;
    padding-bottom: 100px;
	overflow-x: hidden !important;
}


@media only screen and (max-width: 1000px){
	.cta-container {
	    padding-top: 60px !important;
	    padding-bottom: 60px !important;
	}
}

/* ALIGNMEMENT */

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

/* RANDOM */
.page-header {
	display: none;
}


/* LIST ICON */



#primary .post .entry-content ul>li:before, #primary .page .entry-content ul>li:before {
	background-image:none !important;
	width: 22px;
    height: 20px;
	font-size: 20px;
}

#primary .post .entry-content ul, #primary .page .entry-content ul {
    margin: 0 0 1.5em;
    padding: 0;
    list-style: none;
    /* font-size: 0.9em; */
	font-size: inherit;
	font-weight: inherit;
    /* font-weight: 400; */
}


.regular_icon_list li {
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	list-style-type: none !important;
}

.regular_icon_list li:before {
	content: "\f139" !important;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'dashicons';
	color: #8d48d5;
	margin-right: 10px;
	word-wrap: break-word;
}

.heart_icon_list li {
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	/* list-style-type: none !important; */
	list-style-position: outside !important;
}

.heart_icon_list li:before {
	content: "\f487" !important;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'dashicons';
	color: #8d48d5;
	margin-right: 10px;
	word-wrap: break-word;
}

.check_icon_list li {
	margin-bottom: 6px;
	margin-bottom: 0.6rem;
	list-style-type: none !important;
}

.check_icon_list li:before {
	content: "\f147" !important;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font: normal 16px/1 'dashicons';
	color: #8d48d5;
	margin-right: 10px;
	word-wrap: break-word;
}

ul{
  list-style-position: outside !important;
}

/* BANNER */
.over_ride_container {
    padding-top: 100px;
    padding-bottom: 100px;
}

 /* CORE BLOC CSS ADD ON */
 .galerie_margin {
	margin-left: 10px;
	margin-right: 10px;
 }


/* TEMPLATING */
.hentry {
    margin: 0;
}

.entry-footer span.edit-link {
    display: none;
    clear: both;
    padding-top: 20px;
}

#primary .site-main article .entry-footer {
    margin-top: 0px;
}

.ugb-main-block {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0;
}

/* BLOG TEMPLATE */

.post_title H2 {
	font-size: 2.25em;
	margin-top: 40px;
	margin-bottom: 40px;
	line-height: 1.111em;
    color: #111;
}

.blog_content {
	max-width: 80%;
	margin: 0 auto;
}

.header-wrap {
	text-align: center;
	padding-top: 400px;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center !important;
	background-size: cover !important;
}

.bannerImg {
	width: 100%;
	height: 780px;
	object-fit: cover;
	vertical-align: top;
	opacity: 0.5;
}

}
.header-wrap h1.entry-title {
  font-weight: 400;
  color: #FFF;
  font-size:3em;
  line-height: 1.2em;
  text-shadow: 1px 1px 2px black;
}

@media only screen and (max-width: 1025px) {
	#crumbs {
		display: none;
	}

	.page-header {
		display: none;
	}
	.post_title H2 {
		text-align: left;
		font-size: 1.25em;
		margin-top: 20px;
		margin-bottom: 20px;
		line-height: 1.111em;
	    color: #111;
	}

	.header-wrap {
		text-align: center;
		padding-top: 400px;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center !important;
		background-size: cover !important;
	}

}



/* HOME PAGE RESPONSIVE */

@media only screen and (max-width: 600px) {
	#banner-section h2 {
		font-size: 22px !important;
	}

	#banner-section p {
		font-size: 16px;
	}
}

@media only screen and (max-width: 1024px) {
	.responsive-menu-holder {
	    background: #00d084;
	}

	#primary-toggle-button span {
	    background: #00d084;
	}
}

.site-header .header-t {
    background: #00d084 ;
}