@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 400;
	font-display: swap;

	src: url('fonts/iranyekan/iranyekanwebregularfanum.woff') format('woff');
}

@font-face {
	font-family: iranyekan;
	font-style: normal;
	font-weight: 500;
	font-display: swap;

	src: url('fonts/iranyekan/iranyekanwebboldfanum.woff') format('woff2');
}
@font-face {
	font-family: DancingScript;
	font-style: normal;
	font-weight: 500;
	font-display: swap;

	src: url('fonts/DancingScript-Regular.woff2') format('woff2');
}

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
    font-family: iranyekan;
    color:var(--color-black)
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 23px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {text-decoration: none; color: var(--color-black); transition: all 0.2s;}


:root {
    --color-black: #444;
    --color-border: #00000012;
    --colorlead: #676767;
    --colorAccent: #FF9800;
    --color-border-red: #ffdfe5;;
    --colorAccentBG: rgb(255 152 0 / 13%);
    --radius: 7px;
	--lineHeight: 23px;
    --font11px: 11px;
    --font12px: 12px;
    --font13px: 13px;
    --font14px: 14px;
    --font15px: 15px;
    --font16px: 16px;
    --font17px: 17px;
    --font18px: 18px;
    --font19px: 19px;
	--font20px: 20px;
    --font21px: 21px;
    --font22px: 22px;

}

* {
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    transition: all 0.2s;

}

.three-line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.one-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.curve {
    box-shadow: #ccc 0 5px 16px;
    border-radius: var(--radius);
    overflow: hidden;
}



.user-logged-in .tabs-wrapper ul {margin-top: 15px;}
.tabs-wrapper ul {display: flex; flex-direction: row;}
.tabs-wrapper button {display: none;}
.tabs-wrapper ul li { margin-left:15px; margin-bottom: 20px;  }
.tabs-wrapper ul li a {background-color:#f6f6f8;padding:10px 20px;font-size:14px;border: 1px solid #eee; border-radius: var(--radius); overflow: hidden;}
.tabs-wrapper ul li a:hover {background-color:#eeeeee;}
.tabs-wrapper ul li:first-child a {border-right:  2px solid #4CAF50;}
.tabs-wrapper ul li:nth-child(2) a {border-right:  2px solid #FFC107;}
.tabs-wrapper ul li:nth-child(3) a {border-right:  2px solid #F44336;}
.tabs-wrapper ul li:nth-child(4) a {border-right:  2px solid #6c6c6c;}
.tabs-wrapper ul li:nth-child(5) a {border-right:  2px solid #03A9F4;}

.layout-container {margin: 0;}

.region--highlighted {width: 100%; max-width: 1200px; margin: auto; }
.messages-list {width: 100%;}
.messages-list .messages__content  {color: #fff;}
.messages-list svg {fill:#fff}
.messages-list .messages__container a {text-decoration: underline;color: #fff;}
.messages-list .messages__container {display: flex;align-items: center;flex-wrap: nowrap;flex-direction: row;margin-bottom: 25px;width: 100%;background-color: #42a877;padding: 10px;box-shadow: #ccc 0 5px 16px;border-radius: var(--radius);overflow: hidden;}
.messages-list .messages__container .messages__icon {margin-left: 15px;display: flex;}
.messages-list .messages--error .messages__container {background-color: #F44336;color: #ef3543;}

/* Header */
.site-header__initial {display: none;}

@keyframes appear {
	from {
		opacity:0;
		scale: 0.8;
	}
	to {
		opacity:1;
		scale:1;
	}
	
}
#header { display: flex; align-content: center; background-color: #fff; min-height: 61px; justify-content: center; flex-direction: column; flex-wrap: wrap; border-bottom: 1px solid var(--color-border);}
.path-frontpage #header { margin-bottom: 35px; }
.page-node-type-business #header , .page-node-type-article #header { margin-bottom: 6px; }
#header > div { max-width: 1200px; width: 100%;}
#header > div .container { display: flex; flex-direction: row; justify-content: space-between; padding: 8px 0px; align-items: center; position: relative;}
#header > div .container .site-branding {display: flex;justify-content: center;}
#header > div .container .site-branding a {max-width:180px;display:block}
#header .site-branding__logo img { width: 100%; height: auto; display: block;}
#page #main { display: flex; flex-direction: column;align-items: center;}
/* .region--front-page > .block {display: flex; flex-wrap: wrap; justify-content: center; animation: appear linear; animation-timeline: view(); animation-range: entry 0% cover 10%;} */
.region--front-page > .block .block__content {max-width: 1200px; position: relative; width: 100%; }
/* .robben { display: none; flex-basis: 20%;} */
.robben svg {display:block;}
.header-nav-overlay {display: none;}

/* Soon to Remove */
/* #block-universe-site-branding , .mobile-buttons {display:none;} */


#header .menu-wrapper { display: flex; flex-direction: row; align-items: center; flex-basis: 30%; justify-content: flex-end;}
#header .menu-wrapper .robben {margin-left: 5px;cursor: pointer; display: none;}
#header .menu-wrapper .main-menu { display: block;  }
#header .menu-wrapper .main-menu > ul { display: flex; flex-direction:row;  }
#header .menu-wrapper .main-menu > ul li {margin-left: 5px;}
#header .menu-wrapper .main-menu > ul li:last-child {margin: 0;}
#header .menu-wrapper .main-menu > ul li a {font-size: var(--font15px);padding: 5px 10px;position: relative;display: block;border-radius: 4px;overflow: hidden;}
#header .menu-wrapper .main-menu > ul li a:hover , #header .main-menu > ul li a.is-active{background-color: var(--colorAccentBG);color:var(--colorAccent)}

/* Mobile Menu */
.mobile-container { position: fixed; overflow: overlay; right: 0; top: 0; width: 90%; z-index: 200; padding: 0 20px; background: #fafafa; height: 100%; box-shadow: 2px 2px 33px #555; padding-top: 20px; -webkit-transform: translateX(100%); transform: translateX(100%); transition: all 330ms ease-out;}
.mobile-container.active { -webkit-transform: none; transform: none;}
.mobile-container .close-btn-wrapper {width: 100%; display: flex; justify-content: flex-end;}
.mobile-container .close-btn-wrapper svg {width: 40px;}
.mobile-container .robben {display: none;}
.mobile-container .mobile-menu .menu--level-1 { display: flex; flex-direction: column;}
.mobile-container .mobile-menu ul li { position: relative; padding: 0; list-style: none;}
.mobile-container .mobile-menu ul li.menu__item--has-children:after { content: ''; background: url(https://salinobeauty.com/themes/custom/universe/images/arrow-left.svg?2225); width: 20px; height: 20px; display: block; background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; top: 17px;}
.mobile-container .mobile-menu ul li.menu__item--has-children > ul li.menu__item--nolink {    text-align: left;}
.mobile-container .mobile-menu ul li.menu__item--has-children > ul li.menu__item--nolink::after {content: ''; background: url(https://salinobeauty.com/themes/custom/universe/images/arrow-left.svg?2225); width: 20px; height: 20px; display: block; background-size: cover; background-repeat: no-repeat; position: absolute; right: 0; top: 17px; transform: rotate(180deg);}
.mobile-container .mobile-menu ul li a,
.mobile-container .mobile-menu ul li span { font-size: 14px; width: 100%; display: block; padding: 15px 0; border-bottom: 1px solid #b5b5b561;}

.mobile-menu ul li.menu__item--has-children > ul { position: fixed; top: 0; right: 0; height: 100%; width: 90%; background: #fafafa; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 3; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .3s; transition: all .3s; padding: 20px 15px;}
.mobile-menu ul li.menu__item--has-children > ul.active {-webkit-transform: translateX(0); transform: translateX(0); }


.path-user #main {display: flex;justify-content: center;margin: 10px 0 100px 0;margin-top: 40px;}
.path-user #main .main-content { display: flex; flex-direction: row;}
.user-login-form { box-shadow: 0 6px 35px rgb(0 0 0 / 10%); padding: 40px; border-radius: 7px;}
.path-user .js-form-item { margin-bottom: 20px; position: relative; border-radius: var(--radius); overflow: hidden; }
.path-user label { margin-bottom: 10px; display: block; font-size: var(--font14px);}
.path-user input { border: 0; border-bottom: 1px solid #e7e7e7; padding: 15px 15px; outline: none; font-size: var(--font14px); text-align: left; direction: ltr; opacity: 0.9; width: 100%; background-color: #f5f5f5; border-radius: var(--radius);}
.path-user #edit-submit {width: 100%; text-align: center; padding: 14px 10px; font-size: 15px; font-family: 'iranyekan'; margin-top: 10px; background-color: #e8488e; color: white; outline: none; border: 0; border-radius: var(--radius); cursor: pointer;}
.path-user #edit-submit:hover {background-color: #e4183d;}
.path-user .tabs , #block-universe-page-title {display: none;}


footer {width:100%;display: flex;border-top: 1px solid var(--color-border); padding: 20px 0;justify-content: center;/* background-color: var(--colorAccentBG); */}
footer * {font-size: var(--font14px); color: #81858b; text-align: center;}
footer > div {max-width: 1200px;width: 100%;}
footer .copyright {background-color:#fff; padding:10px;}
footer .copyright .block__content {display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
footer .copyright .block__content p {font-size: var(--font14px);}
footer .copyright .iconWrapper {display:flex;flex-direction: row;flex-wrap: nowrap;align-items: center;}
footer .copyright .iconWrapper div {width: 28px;height: 28px;margin-right: 10px;}
footer .copyright .iconWrapper div:first-child {margin: 0;}
footer .copyright .iconWrapper div a {width:100%;display: block;padding: 4px;background-color: var(--colorAccentBG); border-radius:var(--radius)}
footer .copyright .iconWrapper div a svg {display:block;width: 100%;height: 100%;}


.title-wrapper { position: relative; margin-bottom: 30px; text-align: center;}
.title-wrapper .bg-text { position: absolute; top: 0; left: 50%; z-index: -1; line-height: 1; width: max-content; font-family: "DancingScript", cursive; text-transform: capitalize; transform: translate(-50%, -40%); color: rgba(0, 0, 0, 0.05); pointer-events: none; font-size: 65px;}
.title-wrapper h2 , .title-wrapper h1 { font-size: 30px; text-align: center; display: block; margin-bottom: 10px;}
.title-wrapper .brief { color:var(--colorlead); font-size: var(--font13px);}
.title-wrapper.title-wrapper-r h2 {text-align:right}


.node-29 .region--highlighted {display: none;}
.node-29 .main-content { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; max-width: 1200px;}
.node-29 .main-content .container { width: 100%; }
.dashboard {width: 100%;margin: 20px 0;}
.dashboard table {width: 100%;}
.dashboard table thead { -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .1);}
.dashboard table tbody { padding: 15px 20px; }
.dashboard table tr th , .dashboard table tr td { padding: 15px 0; text-align: center; vertical-align:middle }
.dashboard table tr td:first-child , .dashboard table tr th:first-child {text-align:right; padding-right: 15px; text-decoration: underline;}
.dashboard table tr { border-bottom: 1px solid #e5e5e5; }
.dashboard table tr:nth-child(2n + 1) { background-color: #fff6f661; }
/* .dashboard table tr:last-child { border-bottom: none; } */
.dashboard table svg { width: 20px; height: 20px; }
.dashboard table tr td.red { text-decoration: line-through;}
.dashboard .completed { padding: 10px; display: block; text-align: center; color: #4CAF50; font-weight: bold;}

/* Search Page */
.path-search #header { margin-bottom: 20px;}
.path-search main {    flex-direction: row; display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; max-width: 1200px;}
.search-results {margin-bottom: 20px;}
.search-results .view-content {display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem;}
.search-results .view-content .views-row .image {width:100%; display: block; margin-bottom: 15px; }
.search-results .view-content .views-row .image img {width:100%; height:auto; display: block; }

/* Search Box */
.path-frontpage .search-form { width: 90%;margin: auto; padding: 0% !important;}
.path-frontpage .search-form form {  border-radius: 0 0 10px 10px;}
.search-form form { border-radius: 10px; margin: 0; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15); padding: 10px 10px;}
.search-form label {display: none;}
.search-form form {display: flex;justify-content: space-between;gap: 10px;margin-bottom: 20px;}
.search-form .js-form-item {flex: 1 0 auto; }
.search-form .js-form-item input { width: 100%; padding: 12px; outline: none; border: 1px solid var(--color-border); border-radius: var(--radius); font-family: 'iranyekan'; outline-color: var(--color-border);    background-position: 1% center !important; }
.search-form .form-actions { display: flex; }
.search-form .form-actions button {border: 0; padding: 0; background: none; display: block; cursor: pointer;}
.search-api-autocomplete-suggestion .autocomplete-suggestion-user-input {color: var(--colorAccent);}
.ui-autocomplete {border-radius: 10px; box-shadow: 0 3px 12px 0 rgba(0, 0, 0, .15); padding: 10px 10px; border: 0 !important;}
.ui-autocomplete * {background: none !important;}
.ui-autocomplete li a { padding: 8px 10px !important; border-bottom: 1px solid #eee !important; display: block;}
.ui-autocomplete li:last-child a {  border-bottom: unset !important;}
.ui-autocomplete li a.ui-state-active , .ui-autocomplete li a.ui-state-active:hover { background: #eee !important;}

.path-latest-articles main { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; max-width: 1200px; }
.articles { margin-top: 20px; }
.articles h1 { font-size: 22px; margin-bottom: 15px; font-weight: bold; }
.articles .view-content {display: grid;grid-template-columns: repeat(3, 1fr);gap: 2rem;}
.articles .view-content .views-row .article-image { width: 100%; display: block; box-shadow: #ccc 0 5px 16px; border-radius: var(--radius); overflow: hidden; margin-bottom: 20px;}
.articles .view-content .views-row .article-image img { width: 100%; display: block; height: auto;}
.articles .view-content .views-row .article-lead  { font-size: var(--font13px); color: var(--colorlead);}
.articles .view-content .views-row .article-title  { font-size: 18px; font-weight: bold; margin-bottom: 20px; line-height: 25px;}




@media screen and (max-width: 700px) {
    .search-results .view-content { grid-template-columns: repeat(2, 1fr); }
}

@media screen and (max-width: 1300px) {
    .path-search main {padding: 0 10px;}
}