﻿/*Ella ENG*/
body { font-family: 'Barlow Condensed', sans-serif; font-weight: 400; font-size: 17px; }
/*generals*/

.homepage-boxes .grid-box-title h3, .homepage-about .grid-rows .grid-row-text h2,
.homepage-types .grid-rows .grid-row-text h2, .asset-name, .asset-features h4, #DynamicFormObject .dynamicFormObjectTitleAndText h3.dynamicFormObjectTitle, .internalPage .top-caption { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; }
.homepage-boxes .grid-box-fulltext a, .homepage-boxes .grid-boxes .grid-box-subtitle a { min-width: 240px; }
.grid-rows .grid-row-text a.grid-row-button::after, .asset-btn-primary::after, .asset-btn-secondary::after { margin-left: 20px; margin-right: 0; transform: rotate( 180deg ); margin-bottom: 0; margin-top: 4px; }
.grid-rows .grid-row-text a.grid-row-button::before, .asset-btn-primary::before, .asset-btn-secondary::before { margin-right: 0; margin-left: 11px; transform: rotate( 180deg ); left: auto; right: 60px; margin-bottom: 0; margin-top: 4px; }
.grid-rows .grid-row-text a.grid-row-button:hover::before, .grid-rows .grid-row-text a.grid-row-button:focus::before, 
.asset-btn-primary:hover::before, .asset-btn-primary:focus::before, .asset-btn-secondary:hover::before, .asset-btn-secondary:focus::before { left: auto; right: 38px; opacity: 1; }
.grid-rows .grid-row-text a.grid-row-button:hover::after, .grid-rows .grid-row-text a.grid-row-button:focus::after, 
.asset-btn-primary:hover::after, .asset-btn-primary:focus::after, .asset-btn-secondary:hover::after, .asset-btn-secondary:focus::after { position: relative; left: 44px; opacity: 0; margin-bottom: 0; }

.homepage-boxes .grid-box-fulltext a::after, .homepage-boxes .grid-boxes .grid-box-subtitle a::after { transform: rotate(180deg); margin-right: 0; margin-left: 6px; right: 0; margin-bottom: 0; margin-top: 4px; }
.homepage-boxes .grid-box-fulltext a::before, .homepage-boxes .grid-boxes .grid-box-subtitle a::before { transform: rotate(180deg); right: 60px; left: auto; margin-bottom: 0; margin-top: 4px; }
.homepage-boxes .grid-box-fulltext a:hover::before, .homepage-boxes .grid-box-fulltext a:focus::before,
.homepage-boxes .grid-boxes .grid-box-subtitle a:hover::before, .homepage-boxes .grid-boxes .grid-box-subtitle a:focus::before { opacity: 1; right: 31px; left: auto; }
.homepage-boxes .grid-box-fulltext a:hover::after, .homepage-boxes .grid-box-fulltext a:focus::after,
.homepage-boxes .grid-boxes .grid-box-subtitle a:hover::after, .homepage-boxes .grid-boxes .grid-box-subtitle a:focus::after { position: relative; opacity: 0; left: 44px; }

.grid-rows .grid-row-text a.grid-row-button, .asset-btn-primary, .homepage-boxes .grid-box-fulltext a, .homepage-boxes .grid-boxes .grid-box-subtitle a, #DynamicFormObject input[type=submit] { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; padding: 10px 30px; }
#DynamicFormObject input[type=submit] { padding: 10px 70px 10px 30px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::after { transform: translateY(-50%) rotate(180deg); left: auto; right: 60px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit::before { transform: translateY(-50%) rotate(180deg); left: auto; right: 90px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::before { left: auto; right: 60px; }
.form-container-wide #DynamicFormObject .dynamicFormObjectSubmit:hover::after { left: auto; right: -15px; }
.normal-form .must::before { left: 9px; top: 1px; right: auto; }
@media(max-width: 767px) {
    .nav-menu-anim.open #nav-toggle { right: auto; left: 30px; top: 40px; }
    .flex-direction-nav { top: 60%; }
    #header2 ul.menu li { text-align: left; padding-left: 80px; width: 100%; }
    #DynamicFormObject .dynamicFormObjectField .must:before { right: auto; left: 10px; font-size: 110%; top: 10px; }
}

/*homepage sections*/
.homepage-about .grid-rows .grid-row { direction: ltr !important; }
.homepage-about .grid-row-cell-text { padding-right: 0; padding-left: 90px; }
@media(max-width: 767px) {
    .homepage-about .grid-row-cell-text { padding: 0; }
    .homepage-boxes .grid-box-fulltext a, .homepage-boxes .grid-boxes .grid-box-subtitle a { min-width: 210px; }
    .homepage-boxes .grid-box-fulltext a:hover::before, .homepage-boxes .grid-box-fulltext a:focus::before, 
    .homepage-boxes .grid-boxes .grid-box-subtitle a:hover::before, .homepage-boxes .grid-boxes .grid-box-subtitle a:focus::before { margin-top: 0; }
}

/*footer*/
.footer-text-divided { flex-direction: row-reverse; }
.footer-text-divided > div.footer-text-right { justify-content: flex-end; }
.footer-text-divided > div.footer-text-left { display: flex; color: #fff; }
.footer-text-divided > div.footer-text-left ul { list-style-type: none; }
.footer-text-divided > div.footer-text-left a:hover { color: #f0c8b5; }
a.AccessabilityLink:hover {color: #fff; }
@media(max-width: 767px) { 
    .footer-text-divided { flex-direction: column-reverse; }
    .footer-text-divided > div.footer-text-left { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; }
    .footer-text-divided > div.footer-text-left ul { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; }
    .footer-text-divided > div.footer-text-left ul li { margin: 0 13px; }
    .footer-text-divided > div.footer-text-right { display: block; text-align: center; width: 100%; }
    #SiteFooter .footer-text-right img { max-width: 80px; }
    a.AccessabilityLink { margin: 0; }
    .text-center { display: flex; justify-content: space-between; align-items: center; margin: 0; }
}
/*inner pages*/
.internalPage #text1, .internalPage #text2 { text-align: left; }
.internalPage #text1 h3, .internalPage #text2 h3 { font-family: 'Barlow Condensed', sans-serif; font-weight: 400; }
.internalPage #text1 h2, .internalPage #text2 h2, .top-caption h1 { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; }
#grid-view .grid-short-box-text { text-align: center; }
@media(max-width: 767px) {
}

/*asset*/
.asset-desc, .asset-features h4 { text-align: left; }
.asset-name::before { margin-left: 0; margin-right: 17px; }
.asset-credits { direction: rtl; }
.asset-credit-heading { font-family: 'Barlow Condensed', sans-serif; font-weight: 600; }
.asset-btn { margin-bottom: 0; margin-top: 18px; font-family: 'Barlow Condensed'; font-weight: 600; padding: 10px 30px; margin-left: 0; }
.asset-credit-item { direction: ltr; min-height: 120px; justify-content: flex-start; }
@media(max-width: 767px) { 

}
/*accessability page*/
.accessabilityMainPage #headline { max-width: 700px; margin: auto; text-align: left; }
.accessabilityMainPage #text1 ul { padding-left: 20px; padding-right: 0; }
.accessabilityMainPage #text1 ul li::before { left: -20px; right: auto; }
.accessabilityMainPage .container-fluid { margin-bottom: 40px; }
@media(max-width: 767px) {
    .accessabilityMainPage #headline { text-align: center; }
}