/* ====================================
		COLORS STYLES
======================================= */

:root {
    --primary-color: rgb(80, 134, 125);
    --secondary-color: #495057;
    --tertiary-color: #454545;

    --dark-color:#343a40;
    --blue: #007bff;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --mediumslateblue: #7b68ee;
    --pink: #e83e8c;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #28a745;
    --teal: #20c997;
    --cyan: #17a2b8;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --primary: #007bff;
    --secondary: #6c757d;
    --success: #28a745;
    --info: #17a2b8;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #343a40;
    --smoke:#F3F3F3;

    --width-5: 5%;
    --width-10: 10%;
    --width-15: 15%;
    --width-20: 20%;
    --width-30: 30%;
    --width-35: 35%;
    --width-40: 40%;
    --width-45: 45%;
    --width-55: 55%;
    --width-60: 60%;
    --width-65: 65%;
    --width-70: 70%;
    --width-75: 75%;
    --width-80: 80%;
    --width-85: 85%;
    --width-90: 90%;
}

.primary-bg{
    background-color: var(--primary-color);
}
.primary-ft{
    color: var(--primary-color);
}
.secondary-bg{
    background-color: var(--secondary-color);
}
.secondary-ft{
    color: var(--secondary-color);
}
.tertiary-ft{
    color:var(--tertiary-color);
}
.dark-bg{
    background-color: var(--dark-color);
}
.dark-ft{
    color: var(--dark-color);
}
/* ====================================
		FONT STUFF
======================================= */
@font-face {
    font-family: "FuturaBold";
    src: url("/assets/fonts/futura-pt-font/FuturaCyrillicBold.ttf") format("truetype");
}
@font-face {
    font-family: "FuturaExtraBold";
    src: url("/assets/fonts/futura-pt-font/FuturaCyrillicExtraBold.ttf") format("truetype");
}
@font-face {
    font-family: "FuturaHeavy";
    src: url("/assets/fonts/futura-pt-font/FuturaCyrillicHeavy.ttf") format("truetype");
}
@font-face {
    font-family: "FuturaMedium";
    src: url("/assets/fonts/futura-pt-font/FuturaCyrillicMedium.ttf") format("truetype");
}

@font-face {
    font-family: AcuminVariableConcept;
    src: url("/assets/fonts/AcuminVariableConcept.otf") format("opentype");
}
@font-face {
    font-family: "FormaDJRMicroBlackItalic";
    src: url("/assets/fonts/FormaDJRMicro-Black.ttf");
}
@font-face {
    font-family: "ApproachExtraBlackItalic";
    src: url("/assets/fonts/Approach-ExtraBlackItalic/Approach-ExtraBlackItalic.ttf") format("truetype");
    /*http://127.0.0.1:8000/category/assets/fonts/FormaDJRMicro-Black.ttf*/
}
@font-face {
    font-family: "ApproachExtraBlack";
    src: url("/assets/fonts/Approach-ExtraBlack/approach-extrablack.otf") format("opentype");
}

.FuturaBold {
    font-family: "FuturaBold", Fallback, sans-serif;
}
.FuturaMedium {
    font-family: "FuturaMedium", Fallback, sans-serif;
}

.AcuminVariableConcept{
    font-family: AcuminVariableConcept;
}
.FormaDJRMicroBlack{
    font-family: FormaDJRMicroBlackItalic;
    /*font-style: italic;*/
}
.ApproachExtraBlackItalic{
    font-family: ApproachExtraBlackItalic;
}

.ApproachExtraBlack{
    font-family: ApproachExtraBlack;
}

.FormaDjrMicroNormal400{
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: normal;
}
.FormaDjrMicroItalic400{
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 400;
    font-style: italic;
}
.FormaDjrMicroNormal700{
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 800;
    font-style: normal;
}
.FormaDjrMicroItalic700{
    font-family: "forma-djr-micro", sans-serif;
    font-weight: 700;
    font-style: italic;
}
.FormaDjrMicroItalic900{
    font-family: forma-djr-micro, sans-serif;
    font-weight: 900;
    font-style: normal;
}

.InterstateNormal400{
    font-family: "interstate", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.InterstateNormal400{
    font-family: "interstate", sans-serif;
    font-weight: 700;
    font-style: normal;
}
.InterstateNormal800{
    font-family: "interstate", sans-serif;
    font-weight: 800;
    font-style: normal;
}
/* ====================================
    BUTTONS, LINKS, FORM STYLES
======================================= */
.btn-primary-bg{
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color:#FFFFFF;
}
.btn-primary-bg:hover{
    background-color: var(--primary-color);
    border-color: #FFFFFF;
    color:#FFFFFF;
}
.link-primary{
    text-decoration: none;
    color:#00887E !important;
}
.link-primary:hover{
    text-decoration: none;
    border-bottom: solid 1px #00887E;
    color:#00887E !important;
}
/* NEGATIVE MARGINS */
.mb-n1 {
    margin-bottom: -0.25rem !important;
}
.mb-n2 {
    margin-bottom: -0.50rem !important;
}
.mb-n3 {
    margin-bottom: -1rem !important;
}
.mb-n4 {
    margin-bottom: -1.50rem !important;
}
.mb-n5 {
    margin-bottom: -3rem !important;
}
.mt-n1 {
    margin-top: -0.25rem !important;
}
.mt-n2 {
    margin-top: -0.50rem !important;
}
.mt-n3 {
    margin-top: -1rem !important;
}
.mt-n4 {
    margin-top: -1.50rem !important;
}
.mt-n5 {
    margin-top: -3rem !important;
}

/* ====================================
    CONTACT US, PRIVACY-POLICY, TOS STYLES
======================================= */
.title-divider {
    text-align: left;
    margin-bottom: 1em;
    background: url("/images/app/bg_divider.png") left center repeat-x;
    padding: 0;
}
.title-divider span {
    background: #fff;
    padding-right: 0.5em;
    font-size: 2.15rem;
    font-weight: 700
}
.title-divider small {
    display: block;
    color:#33333399 !important;
    margin-top: 5px;
    font-size:1.05rem;
    line-height: 1;
}


/* ====================================
		GLOBAL STUFF
======================================= */

body,
html {
    font-family: "Open Sans", Arial, serif;
}



/* ====================================
		HEADER STYLES STUFF
======================================= */
.lindmark-banners-logo{
    /*max-width: 25%;*/
    /*max-width: 40%;*/
    max-width: 95%;
}

#app_two  li.nav-item{
    margin-right: 2rem!important;
}
#app_two  li.nav-item .nav-link{
    font-size: 1.25rem !important;
    font-weight: normal !important;
}



/* ====================================
		HOME STYLES STUFF
======================================= */
/*.hero-home {*/
/*    height: 45vh;*/
/*}*/

/*.title-divider {*/
/*    text-align: left;*/
/*    margin-bottom: 0;*/
/*    background: url("/images/app/bg_divider.png") left center repeat-x;*/
/*    padding: 0;*/
/*}*/

/*.content-section-title {*/
/*    font-size: 1.75rem !important;*/
/*}*/



/*------------------------ */

.high-impact-aside{}
.high-impact-aside-title{
    font-size: 2.5rem;font-style:normal!important; color:#00887e
}
.high-impact-aside-item{
    color:#495057;
}
.high-impact-aside-item > i{
    font-size: 4rem; vertical-align: middle
}

.banners-wont-fade-container .banners-wont-fade-title{
    font-size: 2.5rem;
    font-style:normal!important;
    color:#00887e;
    letter-spacing: .150rem;}
.banners-wont-fade-container .banners-wont-fade-left div:nth-child(1){
    font-style:normal!important;
    color:#495057;
    letter-spacing: .150rem;
}
.banners-wont-fade-container .banners-wont-fade-left p:nth-child(2){
    letter-spacing: .125rem;
}
.banners-wont-fade-container .banners-wont-fade-left p:nth-child(3){
    letter-spacing: .1rem;
}
.banners-wont-fade-container .banners-wont-fade-circle{
    width: 128px;
    height: 125px
}
.banners-wont-fade-circle div:nth-child(1){
    font-size: 3.9rem; vertical-align: middle
}
.banners-wont-fade-circle div:nth-child(2){
    font-size: 0.987rem
}
.banners-wont-fade-circle div:nth-child(3){
    font-size: 0.987rem
}


.multiple-finishing-options-container{}
.multiple-finishing-options-container .multiple-finishing-options-title{
    font-size: 2.5rem;
    font-style:normal!important;
    color:#00887e
}
.multiple-finishing-options-image-container{
    color:#495057;
    max-width: 250px
}
.multiple-finishing-options-image-container div img{
    color:#495057;
    max-width: 250px
}
.multiple-finishing-options-image-container div:nth-child(2){
    background-color: #00887e;
    color: #ffffff
}
.multiple-finishing-options-statement{
    font-size: 1.150rem;
    font-style:normal!important;
    color:#495057;
    letter-spacing: .1rem;
}


.ready-to-use-templates-container{}
.ready-to-use-templates-title{
    font-size: 2.5rem;
    font-style:normal!important;
    color:#00887e;
    letter-spacing: .150rem;
}
.ready-to-use-templates-container  div:nth-child(2){
    width:70%!important;
}
.ready-to-use-templates-container p:nth-child(1){
    letter-spacing: .1rem;color:#495057;
}


.content-section-events .event-item:hover {
    cursor: pointer;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2);
}
/*------------------------ */


/* ====================================
		IMAGE REQUIREMENT STYLES STUFF
======================================= */



.image-requirements-things-to-avoid h1{
    color:#00887E;
    font-size: 5rem;
    font-weight:825;
    font-style:italic;
    letter-spacing: -2px;
}
.image-requirement-sizes{
    font-size: 1.25rem!important
}
.image-requirement-sizes > span{
    background-color: #00887E;
    color:#FFFFFF;
}
.image-requirements-things-to-avoid h5 {
    color: #00887E;
}
.image-requirements-things-to-avoid p{
    font-weight: 600
}

.image-requirements-do-not-and-use-title{
    color: #00887E;
    font-weight: bold;
}
ul.requirements-bullets {
    --icon-space: 1.3em;
    list-style: none;
    padding: 0;
}

ul.requirements-bullets  li {
    /*padding-left: var(--icon-space);*/
    margin-bottom: 0.75rem;
}

ul.requirements-bullets  li:before {
    content: "\F285"; /* FontAwesome Unicode */
    font-family: bootstrap-icons !important;
    display: inline-block;
    color:#00887E;
    font-weight: bold;
}

.image-requirements-comparisons{
    position: relative;
}
.image-requirements-comparisons >div{
    position: absolute;
    bottom:0;
    left:0;
    right:0
}
.image-requirements-comparisons > div > div > div{
    background-color: #00887E
}

.image-requirements-disclaimer p{
    font-weight: 600;
}
.image-requirements-disclaimer p > span{
    color: #00887E;
}



/* ====================================
		SHIPPING MAP STYLES STUFF
======================================= */
.shipping-map-container >p{
    font-weight: 500;
    font-size: 1.25rem;
    border-top:1px solid #ced4da;

}



/* ====================================
		BANNER CARE STYLES STUFF
======================================= */

.banner-care-container h3, h6{
    color: #00887E!important;
}
.banner-care-container > .row > div:nth-child(1) p {
    margin-bottom: 15px;font-size: 1.30rem;font-weight: 400;
}
.banner-care-container span{
    font-style: italic;
}



/* ====================================
		CONTACT US STYLES STUFF
======================================= */

.contact-us-container .form-control{
    border-radius: 2px!important;
    color:#495057!important;
    border:1px solid #ced4da!important;
    background-color: #ffffff!important;
    background-clip: padding-box!important;
    line-height: 1.6!important;
    font-size: .9rem!important;
}
.contact-us-container .form-text{
    color:#6c757d!important;font-size: 80%!important;
    font-weight: 400!important;
}

.contact-us-container{
    margin-top: 10px;
}
.contact-us-container h1{
    /*background-color: red;*/
    font-size: 2.15rem;
    font-weight: 700;
    margin-bottom: 1em
}
.contact-us-container h1 small{
    font-size: 1.55rem;font-style: normal;font-weight: 500;
}
.contact-us-container .contact-details h2{
    font-size: 2.15rem;font-weight: 700;
}
.contact-us-container .lindmark-banners-office{
    max-width: 100%;
}

.contact-us-container .contact-form-item-26:nth-of-type(2) {
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
}
.contact-us-container .contact-form-item-26:nth-of-type(3) {
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
}
.contact-us-container .contact-form-item-26:nth-of-type(4) {
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
}

/* ====================================
		CATEGORY US STYLES STUFF
======================================= */

.content-section-navigation{}
.content-section-navigation .d-flex div:hover{background-color: #f8f9fa;cursor: pointer}
.content-section-categories{}


.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 20px 0 20px;
    border-color: var(--dark-color) transparent transparent transparent;
    transform: rotate(0deg);
    /*https://www.cssportal.com/css-triangle-generator/*/
}
/* ======= COLORS  ========== */
/* ======= FONTS  ========== */
/* ======= COMPONENTS  ========== */
/* ======= TEMPLATE-STANDARD PAGES  ========== */
/* ======= STYLES PAGES  ========== */