/* FONTS */

@font-face {
    font-family: 'motiva_sansregular';
    src: url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansregular/motivasansregular.woff-webfont.woff2') format('woff2'),
         url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansregular/motivasansregular.woff-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'motiva_sansthin';
    src: url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansthin/motivasansthin.woff2') format('woff2'),
         url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansthin/motivasansthin.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'motiva_sansbold';
    src: url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansbold/motivasansbold.woff-webfont.woff2') format('woff2'),
         url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansbold/motivasansbold.woff-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'motiva_sansblack';
    src: url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansblack/motivasansblack.woff-webfont.woff2') format('woff2'),
         url('/media/com_sppagebuilder/assets/custom-fonts/motiva_sansblack/motivasansblack.woff-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


body {font-family: 'motiva_sansthin', Arial, sans-serif;}
h1,h2 {font-family: 'motiva_sansbold';}
h3,h4,h5 {font-family: 'motiva_sansbold';}
p {font-family: 'motiva_sansthin';}

#sp-main-body {padding:25px 0;}
#sp-header {box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.1);}
#sp-logo div.d-flex {display:block !important;}
.logo {float: right;padding-right:25px;}

/* MENU / OFF-CANVAS */
nav.outer-nav ul {
	list-style-type:none;
}
#sp-menu div.d-flex {display:block !important;}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
    float: left;
    margin-left: 0px;
  padding-left:25px;
}
body.ltr .close-offcanvas {
	left:0px;;
	top:60px;
	right:0;
}
.offcanvas-overlay {
	background: rgba(0, 0, 0, 0.0);
	-webkit-backdrop-filter: blur(0px);
    backdrop-filter: blur(0px);
}
.offcanvas-menu {
    width: 100%;
    height: 100%;
	transition: all 0.6s;
}
body.ltr.offcanvs-position-right .offcanvas-menu {
	left: -100%;
    top: 0;
	right:0;
}
body.ltr.offcanvs-position-right.offcanvas-active .offcanvas-menu {
    left: 0;
    top: 0;
}
.offcanvas-menu .offcanvas-inner a {transition: all 0.5s linear !important;}


a.offcanvas-toggler-right::after {content:"MENU";position:absolute;margin-left:40px;color:#000;}
.burger-icon>span {background-color:#000;}
.burger-icon>span:nth-child(3) {width:20px;}
.offcanvas-active .burger-icon>span:nth-child(3) {width:25px;}

.offcanvas-menu .burger-icon {margin: 0px auto;}

/* OVERLAY ROUNDED */
.rounded, .overlayRounded .sppb-row-overlay {
border-radius: 25px !important;
}

/* VIDEO ROUNDED */
.sppb-section-background-video {border-radius: 25px !important;}
.videoBG div.sppb-section-background-video {border-radius: 0px !important;} 

/* ACCORDION - READ MORE */
.accordion button {
background:#FFFFFF !important;
color:rgba(0,0,0,0.8)!important;
display: inline-block;
max-width:150px;
padding:10px;
border-radius:5px!important;
margin-left:15px;
}
.accordion button span.sppb-accordion-icon-wrap i
{
color:rgba(0,0,0,0.8)!important;
}
.accordion button:hover {
background:#000000 !important;
color:#FFFFFF !important;
}
.accordion button:hover span.sppb-accordion-icon-wrap i
{
color:#FFFFFF!important;
}
.accordion button.active span.sppb-accordion-icon-wrap i
{
transform: rotate(90deg);
}

/* BLOG - OVERVIEW */
.blog_item img {
height:auto !important;
max-height: 221px;
clip-path: inset(0% round 25px 25px 0px 0px);
width: 100%;
object-fit: cover;
}
.blog_item h2 {
padding: 0px 20px;
line-height:24px !important;
}
.blog_item div.sppb-article-introtext {
padding: 0px 20px;
}
.blog_item a.sppb-readmore {
padding-left:20px;
}
.blog_item .sppb-addon-article-layout-content {
background-color: rgba(0,0,0,0.03);
border-radius: 25px;
padding-bottom:25px;
min-height:500px;
}

/* BLOG - DETAIL */
body.layout-blog .body-innerwrapper {overflow-x:visible !important;}
.article-details p {font-size: 18px !important; line-height:32px !important;}
.article-info, .article-details .article-ratings-social-share, .social-share-block {display:none !important;}
.article-details .article-full-image img {border-radius: 25px;}
.article-full-image img {width:100%;}
.articleContainer {
	max-width:80%;
	background:#FFF;
	margin:0px auto 0px auto;
	transform: translate(0%, -150px);
	padding:25px 50px 50px 50px;
	border-radius: 25px 25px 0px 0px;
}
.article-details p:first-child {font-family:'motiva_sansregular';font-size:22px !important;line-height:36px !important;margin-bottom:40px;}
.articleBody {padding-bottom:50px;border-bottom: 1px solid #CCC;}
.articleOverview {margin-bottom:25px;}
.articleOverview a {color:#666;text-transform: uppercase;}
.articleOverview a:hover {color:#000;}


@media (max-width: 768px) {
.articleContainer {
	max-width:100%;
	margin:0px auto 0px auto;
	transform: translate(0%, -0px);
	padding:25px;

}
	a.sppb-article-img-wrap	{width:33%;float:left;}
	a.sppb-article-img-wrap img {width:100%;height:125px !important;object-fit:cover;clip-path: inset(0% round 25px 0px 0px 25px);}
	.sppb-article-info-wrap {width:66%;float:left;padding-top:25px;}
	.sppb-addon-article-layout {margin-bottom:25px;}
	.blog_item .sppb-addon-article-layout-content {min-height:100%;height:100%;padding:0px;}
	.article-header h1 {font-size:32px !important;}
	.article-header h2 {font-size:22px !important;}
}