/* A BURREN LIGHT - BLOG CSS */
/* Main color codes: - Buttons, logo and some headers: #15456b  - Cart nb of items and some titles: #FA8072  - Header and footer background: #F7F7F7 */
* {box-sizing: border-box;font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;font-size: 16px;}
html {height: 100%;}
body {position: relative;min-height: 100%;color: #ccc;background-color: #FFFFFF;margin: 0;padding-bottom: 100px;/* Same height as footer */}
h1, h2, h3, h4, h5 {color: #394352;}
.content-wrapper {width: 1200px;max-width: 1200px;margin: 0 auto;color: #394352;padding: 0 10px;font-size: 14px;line-height: 25px;}
.content-wrapper.error {padding: 40px 0;}
/* Loading Spinner for Cuteportfolio                       */
.loading-overlay {position: fixed;width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.6);display: flex;flex-direction: column;justify-content: center;align-items: center;z-index: 9999;} 
.loading-text {font-size: 14px;margin-top: 10px;color: #ccc;} 
.loading-spinner {border: 4px solid #f3f3f3;border-top: 4px solid #394352;border-radius: 50%;width: 40px;height: 40px;-webkit-animation: 1s spin linear infinite;animation: spin 1s linear infinite;} 
@-webkit-keyframes spin {0% {transform: rotate(0); }100% {transform: rotate(360deg); } }
@keyframes spin {0% {transform: rotate(0); }100% {transform: rotate(360deg); } }

/* MAIN PAGE SECTION */
main > .caption {font-size: 14px;line-height: 30px;}
main > .description {font-size: 14px;line-height: 30px;}
main .product .product-wrapper .name {font-size: 18px;}
/* Layout of home/about page starts */
main .content-wrapper .pitch .name {color: #FA8072;font-size: 18px;font-weight: bold;padding-top: 15px;padding-bottom:10px;border-bottom: 1px solid #777777;line-height: 30px;}
main .content-wrapper .pitch h3 {font-size: 16px;line-height: 30px;padding-top: 15px;padding-bottom:10px;}
main .content-wrapper .pitch ul, main .content-wrapper .pitch ol  {padding-bottom:20px;line-height: 25px;}
main .content-wrapper .pitch a {font-size: 16px;}
main p.error {color: red;}
/* Layout of image container format selection and pagination */
main .flex-container {display: flex;max-width: 1200px;width: 97%; margin: 100px auto;flex-direction: row;justify-content: space-between;flex-wrap: wrap;margin-top:-10px;margin-bottom:-80px;}
main .mobile-overlay {position:fixed;bottom:0;width:100%;background: rgba(247,247,247,0.45);height:90px;z-index: 998;}
main #loading-bg {width: 100%;height: 100%;position: absolute;top: 0;left: 0;background-color: rgba(239, 239, 240, 0.6);z-index: 999999;}
main #loading-image {position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;border: 10px solid grey;border-radius: 50%;border-top: 10px solid blue;width: 100px;height: 100px;animation: spinIndicator 1s linear infinite;}

/* HEADER & FOOTER */
header, footer {background-color: #f7f7f7;min-height: 100px;}
header {position: relative;border-bottom: 1px solid #EEEEEE;}
header .content-wrapper {display: flex;min-height:94px;}
header .content-wrapper .logo {background: url("img/ABL Primary Logo.png") no-repeat;margin-top:5px;margin-right:5px;margin-left: 7px;width: 100%;height: auto;max-width:600px;}
header h2, header img {display: flex;flex-grow: 1;flex-basis: 0;font-size: 20px;margin: 0;padding: 24px 0;padding-left:100px;font-weight: 400;letter-spacing: 0.06em;font-weight: 500;}
header nav {display: flex;flex-grow: 1;flex-basis: 0;justify-content: center;align-items: center;z-index:999999;}
header nav a {white-space: nowrap;text-decoration: none;color: #555555;padding: 10px 10px;margin: 0 10px;}
header nav a:hover {border-bottom: 1px solid #15456b;}
header .link-icons {display: flex;flex-grow: 1;flex-basis: 0;justify-content: flex-end;align-items: center;position: relative;}
header .link-icons .search i {font-size: 18px;padding: 9px;border-radius: 50%;cursor: pointer;}
header .link-icons .search i:hover {background-color: #f7f7f7;}
header .link-icons .search input {display: none;border: 0;border-bottom: 1px solid #EEEEEE;padding: 10px 0;max-width: 200px;outline: none;margin-right: 10px;}
header .link-icons .responsive-toggle {display: none;}
header .link-icons a {position: relative;text-decoration: none;color: #394352;padding: 9px;border-radius: 50%;}
header .link-icons a i {font-size: 18px;}
header .link-icons a span {display: inline-flex;justify-content: center;align-items: center;text-align: center;background-color: #FA8072;border-radius: 50%;color: #fff;font-size: 12px;width: 16px;height: 16px;font-weight: 500;position: absolute;top: 0;right: 0;}

footer {position: absolute;border-top: 1px solid #EEEEEE;padding: 10px 0;padding-bottom: 50px;width: 100%;}
footer a {text-decoration: none;color: #555555;}
footer a:hover {text-decoration: underline;}
footer .content-wrapper {display: block;}.site-footer {width: 100%;}
.site-footer-inner {display: grid;grid-template-columns: 3fr 1fr 1fr; /* text | links | logo */gap: 2rem;padding: 2rem 1.5rem;max-width: 95%;margin: 0 auto;}
/* Column basics */
.footer-col {display: flex;flex-direction: column;}
.footer-col-text {color: #444;   /* calm dark grey */line-height: 25px;}
.footer-col-text p {margin: 0 0 0.4rem 0 !important;line-height: 1.4;}
.footer-col-text p:last-child {margin-bottom: 0 !important;}
/* Links column */
.footer-col-links a {text-decoration: none;margin-bottom: 0.5rem;}
.footer-col-links {border-left: 1px solid rgba(0, 0, 0, 0.5);padding-left: 1.25rem;}
/* Stripe logo column */
.footer-col-stripe {display: flex;align-items: center;/* vertical centering */justify-content: flex-end;padding-left: calc(1.25rem + 1px);}
.footer-trailer {opacity: 0.85;font-weight: 600;font-style:italic;padding-bottom:20px;}
.footer-author {font-size: 0.8rem;opacity: 0.9;}
.footer-originality {font-size: 0.8rem;opacity: 0.8;}
.footer-copyright {font-size: 0.7rem;opacity: 0.7;}
footer .stripe-logo {float: right;background: url("img/Stripe-medium.png") no-repeat;width: 100%;height: 80px;margin-top:-45px;max-width:200px;}
footer .septigo {float: right;width: 100%;height: 80px;margin-right:0px;margin-top:-70px;max-width:200px;}
footer h1, footer img {display: flex;flex-grow: 1;flex-basis: 0;font-size: 20px;margin: 0;padding: 24px 0;}
footer nav {display: flex;flex-grow: 1;flex-basis: 0;justify-content: center;align-items: center;}
footer nav a {white-space: nowrap;text-decoration: none;color: #555555;padding: 10px 10px;margin: 0 10px;}
footer nav a:hover {border-bottom: 1px solid #d9d9d9;}
footer .link-icons {display: flex;flex-grow: 1;flex-basis: 0;justify-content: flex-end;align-items: center;position: relative;}
footer .link-icons .search i {font-size: 18px;padding: 9px;border-radius: 50%;cursor: pointer;}
footer .link-icons .search i:hover {background-color: #f7f7f7;}
footer .link-icons .search input {display: none;border: 0;border-bottom: 1px solid #EEEEEE;padding: 10px 0;max-width: 200px;outline: none;margin-right: 10px;}
footer .link-icons .responsive-toggle {display: none;}
footer .link-icons a {position: relative;text-decoration: none;color: #394352;padding: 9px;border-radius: 50%;margin-left: 5px;}
footer .link-icons a:hover {background-color: #f2f2f2;}
footer .link-icons a i {font-size: 18px;}
footer .link-icons a span {display: inline-flex;justify-content: center;align-items: center;text-align: center;background-color: #63748e;background-color: #eea965;border-radius: 50%;color: #000;font-size: 12px;width: 16px;height: 16px;font-weight: 500;position: absolute;top: 0;right: 0;}

/***********************************************************/
/* Responsive CSS below                                    */
/***********************************************************/
@media screen and (max-width: 1800px) {
.content-wrapper {width: 98%;padding: 0 10px;}
main > .caption {width: 98%;padding: 0 10px;}
header h2 {font-size: 20px;flex-basis: auto;padding-left: 100px;}
header .content-wrapper .logo {background: url("img/ABL Primary Logo.png") no-repeat;margin-top:5px;margin-right:5px;margin-left:15px;width: 100%;height: auto;max-width:600px;} 
}

@media screen and (max-width: 1350px) {
.content-wrapper {width: 95%;padding: 0 10px;}
main > .caption {width: 95%;padding: 0 10px;font-size: 14px;line-height: 25px;}
main > .description {font-size: 14px;line-height: 25px;}
main {padding-bottom:40px;}
main .mobile-overlay {background: rgba(247,247,247,0.45);}
header .content-wrapper .logo {background: url("img/ABL Primary Logo.png") no-repeat;margin-top:5px;margin-right:5px;margin-left:-7px;width: 100%;height: auto;max-width:600px;}
footer .stripe-logo {float: left;background: url("img/Stripe-small.png") no-repeat;width: 100%;height: 40px;margin-top:20px;margin-right:0px;margin-left:20px;max-width:150px;}
footer .septigo {float: left;transform: scale(0.7);margin-right:20px;margin-left:-70px;margin-top:-7px;}
}

/* ADJUST HERE */
@media screen and (max-width: 1320px) {
header nav {display: none;position: absolute;left: 0;top: calc(100% + 1px);width: 100%;background-color: #FFFFFF;}
header nav a {display: block;padding: 10px 12px;margin: 0;border-bottom: 1px solid #f6f6f6;}
header .link-icons {display: inline-flex;width:80px;}
header .link-icons .responsive-toggle {display: block;}
header .link-icons .search input {max-width: 150px;}
}

@media screen and (max-width: 1000px) {
.rhide {display: none;}
.rshow {display: flex;font-size:13px;}
.content-wrapper {width: 98%;padding: 0 10px;}
main > .caption {width: 98%;padding: 0 10px;}
main {padding-bottom:20px;}
}

@media (max-width: 900px) {
.site-footer-inner {grid-template-columns: 1fr;max-width: 100%;}
.footer-col-links {border-top: 1px solid rgba(0, 0, 0, 0.5);border-left: 0px;padding-top: 1.25rem;padding-left: 0rem;}
.footer-col-links,.footer-col-stripe {flex-direction: column;}
}

@media screen and (max-width: 640px) {
main > .caption {font-size: 14px;line-height: 25px;}
main > .description {font-size: 14px;line-height: 25px;}
main .content-wrapper .pitch .name {font-size: 16px;padding-top: 10px;}
main .content-wrapper .pitch .description p {font-size: 14px;}
main .content-wrapper .pitch h3 {font-size: 14px;line-height: 25px;}
main .content-wrapper .pitch ul li, main .content-wrapper .pitch ol li {font-size: 14px;}
main .content-wrapper .pitch p {font-size: 14px;line-height: 25px;}
main .content-wrapper .pitch a {font-size: 14px;}
header .content-wrapper .logo {background: url("img/ABL Primary Logo.png") no-repeat;margin-right:5px;margin-top:5px;margin-left:-7px;width: 100%;height: auto;max-width:300px;}
}

@media screen and (max-width: 500px) {
header h2, header img{margin-top: -5px;font-size: 17px;letter-spacing: 0.04em;font-weight:600;}
header .link-icons {margin-bottom:-30px;}
header .content-wrapper .logo {background: url("img/ABL Primary Logo.png") no-repeat;margin-right:5px;margin-left:-7px;width: 100%;height: auto;max-width:300px;}
}