@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

input {border:0;outline:0;}
input:focus {outline:none!important;}

.bigbg1 { padding: 80px 0px; background: linear-gradient(white, #dddddd); }
.homepage-big-search-intro { font-size: 1.3em; color: #999999; margin: 1em; }
.homeslideimg img { max-height: 300px; object-fit: contain; object-position: center; margin: auto; }
.slider-image { max-height: 300px; object-fit: contain; }
.inserted-left-small { width: 200px; height: 200px; object-fit: contain; display: inline-block; }
#dacontainer { min-height: 100vh; }
/*#dacontainer.container { padding: 30px; box-shadow: 0px 7px 6px #00000009; }*/

.navigation-title-txt { font-size: 16px; }
@media screen and (min-width: 900px) { .navigation-title-txt { font-size: 24px; }}
body { background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center; font-family: 'Montserrat', sans-serif; }
#header-div { padding: 1em; font-size: 12px; }
a:hover { text-decoration: none; }

body.notmuchtosee {  }

.navbar-brand { display: inline-block; color: white; padding: 10px; }

.mainLink{ font-size: 12px; }

.mainLink{ display: inline-block; color: white; padding: 2px 5px; text-transform: uppercase; }
.pointer { display: inline-block; color: black; padding: 7px; }
.pointer:hover { color: red; }
.modalclose { cursor: pointer; }
.modal-content { border-radius: 0; }
.pointer { font-size: 12px; }
.pointer-bigger { font-size: 18px; }
.prevnext-links { margin: 1em auto; }
.ajaxprevnext { padding: 3px; color: rgb(72, 72, 72); font-size: 12px; }
.important { background: black; color: white; }

.slideshow1 { background: radial-gradient(white, #3FB8C2); }
#article-images .slick-slide { height: 75vh; width: 100%; display: block; }
#article-images .slick-slide-img { margin: auto; object-position: center; height: 75vh; width: 100%; object-fit: contain; background-color: black; }
.verticalsectionIntro { margin-top: 2em; }
.verticalsectionTxt { padding-top: 2em; }
.verticalsectionTitle { font-weight: 700; }
.panel { background: #eeeeee99;}

.tab-tab { font-size: 0.8em; }
.nav-tabs>li>a { color: #999999; background-color: #00000006; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { background-color: none; box-shadow: 0px -1px 3px #00000009; }
.tab-pane { border-left: none; padding: 1em; background-color: white; }
.navigation-section { margin: 1em auto; }
.tabs-navigation-page, .navigation-page { display: inline-block; background: var(--c5); color: white; border-radius: 1em; padding: 1em; margin: 0 10px 10px 0; }
@media screen and (max-width: 700px) { .navigation-page { display: block; } } 
.tabs-navigation-page:hover, .navigation-page:hover { background: var(--c5); color: black; }

.listing-section-title { font-size: 1.5em; margin: 2em 0 0.6em 0;}

.homepage-tile-img { width: 100%; }

.table-listing { font-size: 12px; }

/* text slideshow */
.fullwidth-homepage-image-with-text { position: relative; text-align: center; width: 100%; height: 400px; background-size: cover; background-position: center; }
@media screen and (min-width: 900px) { .fullwidth-homepage-image-with-text { height: 600px; } }
.fullwidth-homepage-slideshow-txt { transform: translate(-50%, -50%); position: absolute; display: block; top: 50%; left: 50%; margin: 0; text-align: center; text-shadow: 0px 0px 1px white; }

.slick-img-full { width: 100%; height: 70vh; width: 100%; object-fit: contain; }

@media screen and (min-width: 768px) {.homepage-tile-img { height: 300px; width: 100%; object-fit: contain; }}

.size-txt { text-transform: uppercase; display: block; line-height: 1em; }
.size-txt-0 {  }
.size-txt-1 { color: var(--c5); }


.article-title { border-bottom: 4px solid var(--c5); margin-top: 2em; color: var(--c5); }
.article-teaser { margin: 2em auto; }
.bref { display: block; margin: 2em auto; font-size: 1.5em; clear: both; }
.surface-title { margin: 2em auto 1em auto; font-weight: bold; }
.slick-dots { position: relative; bottom: auto; margin: 1em auto; }
.slick-slide-title { margin: 1em auto; }
.slick-slide-teaser { margin: 1em auto; }
.slick-slide-link a { display: inline-block; font-weight: bold; margin: 1em auto; padding: 1em 2em; background: black; }
.slick-slide-link a:hover { animation: slick-link 1s 1; background: var(--c3); color: black; }
@keyframes slick-link { from { color: var(--c3); background: black; } to { color: black; background: var(--c3); } }

.main-search-textbox { background-color: #00000033; border: 1px solid var(--c5); border-radius: 1em; width: 100%; max-width: 400px; padding: 1em 2em; }

.userportfolio { display: block; border: 1px solid #f0f0f0; border-radius: 1em; background: #fcfcfc; margin: 20px auto; padding: 2em 1em; font-size: 14px; }
.users-list-pic { height: 120px; width: 120px; border: 2px solid var(--c5); box-shadow: 2px 2px 3px #33333366; margin 0px 20px 10px 0px; object-fit: cover; }
.user-list-item-div { margin-bottom: 20px; cursor: pointer; color: white; }
.user-list-item-div:hover { color: black; }
.user-list-type { font-size: 0.8em; }
.users-list-item { display: block; background: var(--c5); margin-bottom: 20px; padding: 10px; }
.user-info-big { font-size: 1.1em; font-weight: bold; }

.user-info-bigger { color: var(--c5); font-weight: bold; }
@media screen and (min-width: 400px) { .user-info-bigger { font-size: 2em; } }
@media screen and (min-width: 800px) { .user-info-bigger { font-size: 3em; } }

.user-info-big a { display: block; padding: 5px 0px; }
.useritem { font-size: 12px; height: 430px; background: linear-gradient(white, #f0f0f0); margin-bottom: 1em; padding: 5px; border-radius: 10px; box-shadow: 0px 0px 4px #f0f0f0; }
.userpic { width: 100%; height: 200px; object-fit: contain; background-color: #e7e7e7; border-radius: 5px; }
.userlink { display: inline-block; margin: 5px; }
.userfullname { font-weight: bold; margin: 1em auto; }
.userrole {  }
.short-bio { font-size: 13px; }

.live-content-txt { font-size: 2em; }

.paginator-link a, .paginatorspan > span { border-radius: 3px; border: 1px solid var(--c5); padding: 5px 10px; margin: 2px; display: inline-block; }
.paginator-link a:hover { background: white; }
.paginator-link a:hover { border-color: var(--c3); }
.current { padding: 0.5em; }

.admin-menu { font-size: 11px; }
.admin-menu-section { margin: 7px auto; padding: 7px; background: linear-gradient(0deg, #f0f0f0, #ffffff); }
.admin-menu-link { display: inline-block; margin: 2px; padding: 7px; background: #ffffff; }

#footer { margin-top: 3em; padding: 30px 0 10px 0; background-color: var(--c5); color: white; }
#footer a { color: white !important; }