/* ======================== */
/* RD Helper Classes */
/* ======================== */

/* Aparently you cannot use css variables within media queries. This has to do with the :root element being attached to the HTML document and media queries aren't  */
/* :root {
    --md-screen: 849.9px;
    --sm-screen: 549.9px;
} */

/* ------------------ */
/* Layout */
/* ------------------ */
/* Height & Width */
.full--h { height:100%; }
.full--h-vh { height:100vh; }
.full--h-vw { height:100vw; }
.full--w { width:100%; }
.full--w-vh { width:100vh; }
.full--w-vw { width:100vw; }

@media screen and (max-width: 549.9px) {
    .w--100pc-sm { width:100%; min-width: 100%; }
}

/* Max Width */
.max--w-full { max-width:100%; }
.max--w-80 { max-width:80px; }
.max--w-100 { max-width:100px; }
.max--w-150 { max-width:150px; }
.max--w-180 { max-width:180px; }
.max--w-200 { max-width:200px; }
.max--w-250 { max-width:250px; }
.max--w-280 { max-width:280px; }
.max--w-300 { max-width:300px; }
.max--w-350 { max-width:350px; }
.max--w-380 { max-width:380px; }
.max--w-385 { max-width:385px; }
.max--w-400 { max-width:400px; }
.max--w-420 { max-width:420px; }
.max--w-450 { max-width:450px; }
.max--w-500 { max-width:500px; }
.max--w-550 { max-width:550px; }
.max--w-600 { max-width:600px; }
.max--w-650 { max-width:650px; }
.max--w-700 { max-width:700px; }
.max--w-750 { max-width:750px; }
.max--w-800 { max-width:800px; }
.max--w-850 { max-width:850px; }
.max--w-900 { max-width:900px; }
.max--w-950 { max-width:950px; }
.max--w-1000 { max-width:1000px; }


.max--w-center.max--w-80,
.max--w-center.max--w-100,
.max--w-center.max--w-150,
.max--w-center.max--w-180,
.max--w-center.max--w-200,
.max--w-center.max--w-250,
.max--w-center.max--w-280,
.max--w-center.max--w-300,
.max--w-center.max--w-350,
.max--w-center.max--w-380,
.max--w-center.max--w-385,
.max--w-center.max--w-400,
.max--w-center.max--w-450,
.max--w-center.max--w-500,
.max--w-center.max--w-550,
.max--w-center.max--w-600,
.max--w-center.max--w-650,
.max--w-center.max--w-700,
.max--w-center.max--w-750,
.max--w-center.max--w-800,
.max--w-center.max--w-850,
.max--w-center.max--w-900,
.max--w-center.max--w-950,
.max--w-center.max--w-1000 { margin-left:auto; margin-right:auto; }

@media screen and (min-width: 850px) {
    .max--w-unset-desk { max-width: unset!important; }
}
@media screen and (max-width: 849.9px) {
    .max--w-unset-mid { max-width: unset!important; }
    .max--w-center-mid { margin-left: auto!important; margin-right: auto!important; }
}
@media screen and (max-width: 549.9px) {
    .max--w-unset-sm { max-width: unset!important; }
    .max--w-center-sm { margin-left: auto!important; margin-right: auto!important; }
}

/* Flex */
.flex { display:flex; }
.flex--c { align-items:center; justify-content:center; }
.flex--d-c { flex-direction:column; }
.flex--d-r { flex-direction:row; }
.flex--jc-s { justify-content:start; }
.flex--jc-c { justify-content:center; }
.flex--jc-e { justify-content:end; }
.flex--jc-sa { justify-content:space-around; }
.flex--jc-sb { justify-content:space-between; }
.flex--jc-se { justify-content:space-evenly; }
.flex--ai-s { align-items:start; }
.flex--ai-c { align-items:center; }
.flex--ai-e { align-items:end; }

.nowrap { flex-wrap: nowrap; }

/* Text Align */
.ta--r { text-align:right; }
.ta--l { text-align:left; }
.ta--c { text-align:center; }

@media screen and (max-width: 549.9px) {
    .ta--r-small { text-align:right; }
    .ta--l-small { text-align:left; }
    .ta--c-small { text-align:center; }
}

/* Z-Index */
.z--1 { z-index:1; }
.z--2 { z-index:2; }
.z--3 { z-index:3; }
.z--4 { z-index:4; }
.z--5 { z-index:5; }
.z--6 { z-index:6; }
.z--7 { z-index:7; }
.z--8 { z-index:8; }
.z--9 { z-index:9; }
.z--99 { z-index:9999; }

/* Overflow */
.of-h { overflow: hidden; }

/* ------------------ */
/* Spacing */
/* ------------------ */

/* Margins */
.m--c { margin:0 auto; }
.m--0 { margin:0 !important; }

.mt--auto { margin-top: auto!important; }
.mt--0 { margin-top:0 !important; }
.mt--5 { margin-top:5px; }
.mt--10 { margin-top:10px; }
.mt--15 { margin-top:15px; }
.mt--20 { margin-top:20px; }
.mt--25 { margin-top:25px; }
.mt--30 { margin-top:30px; }
.mt--40 { margin-top:40px; }
.mt--50 { margin-top:50px; }
.mt--60 { margin-top:60px; }
.mt--70 { margin-top:70px; }
.mt--80 { margin-top:80px; }
.mt--90 { margin-top:90px; }
.mt--100 { margin-top:100px; }

.mr--auto { margin-right: auto!important; }
.mr--0 { margin-right:0 !important; }
.mr--5 { margin-right:5px; }
.mr--10 { margin-right:10px; }
.mr--15 { margin-right:15px; }
.mr--20 { margin-right:20px; }
.mr--25 { margin-right:25px; }
.mr--30 { margin-right:30px; }
.mr--40 { margin-right:40px; }
.mr--50 { margin-right:50px; }
.mr--60 { margin-right:60px; }
.mr--70 { margin-right:70px; }
.mr--80 { margin-right:80px; }
.mr--90 { margin-right:90px; }
.mr--100 { margin-right:100px; }

.mb--auto { margin-bottom: auto!important; }
.mb--0 { margin-bottom:0 !important; }
.mb--5 { margin-bottom:5px!important; }
.mb--10 { margin-bottom:10px!important; }
.mb--15 { margin-bottom:15px!important; }
.mb--20 { margin-bottom:20px!important; }
.mb--25 { margin-bottom:25px!important; }
.mb--30 { margin-bottom:30px!important; }
.mb--40 { margin-bottom:40px!important; }
.mb--50 { margin-bottom:50px!important; }
.mb--60 { margin-bottom:60px!important; }
.mb--70 { margin-bottom:70px!important; }
.mb--80 { margin-bottom:80px!important; }
.mb--90 { margin-bottom:90px!important; }
.mb--100 { margin-bottom:100px; }

.ml--auto { margin-left: auto!important; }
.ml--0 { margin-left:0 !important; }
.ml--5 { margin-left:5px; }
.ml--10 { margin-left:10px; }
.ml--15 { margin-left:15px; }
.ml--20 { margin-left:20px; }
.ml--25 { margin-left:25px; }
.ml--30 { margin-left:30px; }
.ml--40 { margin-left:40px; }
.ml--50 { margin-left:50px; }
.ml--60 { margin-left:60px; }
.ml--70 { margin-left:70px; }
.ml--80 { margin-left:80px; }
.ml--90 { margin-left:90px; }
.ml--100 { margin-left:100px; }

/* Paddings */
.p--0 { padding:0 !important; }

.pt--0 { padding-top:0 !important; }
.pt--5 { padding-top:5px; }
.pt--10 { padding-top:10px; }
.pt--15 { padding-top:15px; }
.pt--20 { padding-top:20px; }
.pt--25 { padding-top:25px; }
.pt--30 { padding-top:30px; }
.pt--40 { padding-top:40px; }
.pt--50 { padding-top:50px; }
.pt--60 { padding-top:60px; }
.pt--70 { padding-top:70px; }
.pt--80 { padding-top:80px; }
.pt--90 { padding-top:90px; }
.pt--100 { padding-top:100px; }

.pr--0 { padding-right:0 !important; }
.pr--5 { padding-right:5px; }
.pr--10 { padding-right:10px; }
.pr--15 { padding-right:15px; }
.pr--20 { padding-right:20px; }
.pr--25 { padding-right:25px; }
.pr--30 { padding-right:30px; }
.pr--40 { padding-right:40px; }
.pr--50 { padding-right:50px; }
.pr--60 { padding-right:60px; }
.pr--70 { padding-right:70px; }
.pr--80 { padding-right:80px; }
.pr--90 { padding-right:90px; }
.pr--100 { padding-right:100px; }

.pb--0 { padding-bottom:0 !important; }
.pb--5 { padding-bottom:5px; }
.pb--10 { padding-bottom:10px; }
.pb--15 { padding-bottom:15px; }
.pb--20 { padding-bottom:20px; }
.pb--25 { padding-bottom:25px; }
.pb--30 { padding-bottom:30px; }
.pb--40 { padding-bottom:40px; }
.pb--50 { padding-bottom:50px; }
.pb--60 { padding-bottom:60px; }
.pb--70 { padding-bottom:70px; }
.pb--80 { padding-bottom:80px; }
.pb--90 { padding-bottom:90px; }
.pb--100 { padding-bottom:100px; }

.pl--0 { padding-left:0 !important; }
.pl--5 { padding-left:5px; }
.pl--10 { padding-left:10px; }
.pl--15 { padding-left:15px; }
.pl--20 { padding-left:20px; }
.pl--25 { padding-left:25px; }
.pl--30 { padding-left:30px; }
.pl--40 { padding-left:40px; }
.pl--50 { padding-left:50px; }
.pl--60 { padding-left:60px; }
.pl--70 { padding-left:70px; }
.pl--80 { padding-left:80px; }
.pl--90 { padding-left:90px; }
.pl--100 { padding-left:100px; }

@media screen and (max-width: 849.9px) {
    .pr-15-mid { padding-right: 15px!important; }

    .pl-15-mid { padding-left: 15px!important; }
}

/* ------------------ */
/* Other Styling */
/* ------------------ */

/* Displays */
.d--none { display: none; }
@media screen and (max-width: 849.9px) {
    .d--none-md { display: none; }
}
@media screen and (max-width: 549.9px) {
    .d--none-sm { display: none; }
}

/* Border Radius */
.br--2, .br--2 .img, .br--2 .img img { border-radius:2px; }
.br--3, .br--3 .img, .br--3 .img img { border-radius:3px; }
.br--4, .br--4 .img, .br--4 .img img { border-radius:4px; }
.br--5, .br--5 .img, .br--5 .img img { border-radius:5px; }
.br--6, .br--6 .img, .br--6 .img img { border-radius:6px; }
.br--7, .br--7 .img, .br--7 .img img { border-radius:7px; }
.br--8, .br--8 .img, .br--8 .img img { border-radius:8px; }
.br--9, .br--9 .img, .br--9 .img img { border-radius:9px; }
.br--10, .br--10 .img, .br--10 .img img { border-radius:10px; }
.br--round, .br--round .img, .br--round .img img { border-radius:50%; }

/* Object */
.of--cover { object-fit:cover; }
.of--contain { object-fit:contain; }
.op--center { object-position: center; }

/* ------------------ */
/* Flatsome Amendments */
/* ------------------ */

/* Accordion */
.accordion.icon-right button.toggle { left:unset; right:0; } 

/* remove icons */
/*i[class*=" icon-"], i[class^="icon-"] { font-size:unset; }*/
/*i[class*=" icon-"]::before, i[class^="icon-"]::before { content:""; }*/