/*
Theme Name: Mini Models
Author: KING
Author URI: http://longliveking.com
Description: Custom theme for Mini Models
Version: 1;
*/
@import url(https://fonts.googleapis.com/css?family=Muli:400,300,400italic,300italic);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,400italic);
/* import other stylesheets for specific page templates */
@import "./parent_update.css";
@import "./minimodels_mailchimp.css";
body {
font-family: 'Muli', sans-serif;
background: #efefef;
color: #222;
min-height: calc(100vh - 60px);
min-height: -webkit-calc(100vh - 60px);
min-height: 800px;
}
body.admin-bar {
min-height: calc(100vh - 92px);
min-height: -webkit-calc(100vh - 92px);
min-height: 800px;
}
.border {
background-color: #fff;
padding: 30px;
max-width: 1500px;
margin: 0 auto;
min-height: 100vh;
position: relative;
}
.border-top {
position: fixed;
width: 100%;
top: 0;
height: 30px;
z-index: 9999;
background-color: #fff;
max-width: 1440px;
margin: 0 auto;
}
.border-bottom {
background-color: #fff;
height: 30px;
width: 100%;
position: fixed;
bottom: 0;
max-width: 1440px;
z-index: 1;
}
.admin-bar .border-top {
top: 32px;
}
.btn-black {
background: #222;
color: #fff;
border-radius: 0;
}
.btn-black:hover, .btn-black:focus, .btn-black:active, .search-button:hover, .search-button:focus, .search-button:active {
background: #444;
color: #fff;
}
.request-btn {
display: block;
max-width: 250px;
margin: 0 auto;
}
.container-wide{
max-width: 1440px;
margin: 0 auto;
}
.archive-container {
position: relative;
}
.container-wide.models-container {
min-height: calc(100vh - 30px);
min-height: -webkit-calc(100vh - 30px);
min-height: 800px;
background: #fff;
}
/* Header */
.logo-cont {
position: fixed;
left: 0;
top: 0;
z-index: 9999;
width: 100%;
}
.models-logo {
width: 100%;
margin: 0 auto;
z-index: 999;
text-align: center;
}
.admin-bar .models-logo {
top: 64px;
}
/* Home Page */
.full-screen {
width: 100%;
height: 100vh;
min-height: 800px;
}
.home.page .models-logo {
width: 300px;
height: 74px;
background: #fff;
padding: 15px;
}
/* Social Media Nav */
.social-sharing-cont {
position: absolute;
right: 1px;
top: 50%;
transform: translateY(-50%);
list-style: none;
padding: 0;
}
.social-sharing li {
display: block;
width: 38px;
height: 38px;
margin-bottom: 9px;
text-indent: -999em;
overflow: hidden;
}
.social-sharing a {
display: block;
width: 100%;
height: 100%;
background: #222;
}
.icon-twitter a {
background: url("images/icon_twitter.png") no-repeat;
}
.icon-facebook a {
background: url("images/icon_facebook.png") no-repeat;
}
.icon-instagram a {
background: url("images/icon_insta.png") no-repeat;
}
/** Full Screen Slideshow Customisations **/
.full-screen {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* Search Page */
.models-list,
#ajax-load-more {
margin-bottom: 30px;
}
.item-inner {
display: block;
min-height: 285px;
position: relative;
margin-bottom: 30px;
background-size: cover;
background-position: center;
}
.item-inner img {
max-width: 100%;
height: auto;
}
.item-footer {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.5);
color: #fff;
padding: 10px 15px;
}
.item-footer h2, .item-footer p {
margin: 0;
}
.item-footer h2 {
font-size: 14px;
line-height: 18px;
}
.item-footer p {
margin-top: 0px;
}
.item-inner:hover>.item-footer, .item-inner:focus>.item-footer, .item-inner:active>.item-footer {
text-decoration: none;
color: #fff;
background: rgba(0,0,0,1);
}
/* gallery showcase */
.showcase {
margin-top: 60px;
}
/* Filter */
.filters {
display: none;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 0 30px;
z-index: 4;
}
.filters .container-wide {
padding-top: 20px;
padding-bottom: 30px;
background: rgba(255,255,255,0.95);
}
.filters-inner {
position: relative;
max-width: 1440px;
padding: 53px 0 30px;
border: 1px solid #222;
}
.filters h2 {
font: 22px 'Open Sans',sans-serif;
font-weight: bold;
text-transform: uppercase;
}
#age-slider {
display: none;
}
.filter-col {
padding: 112px 15px;
text-align: center;
}
.filter-inner {
margin: 0 auto;
}
.gender-filter {
border-left: 1px solid #222;
}
.filter-gender, .searchandfilter label {
display: inline-block;
height: 40px;
padding: 10px 5px;
text-align: left;
text-transform: uppercase;
}
.filters .checkbox {
text-align: center;
}
#siblings {
margin-top: 10px;
}
.checkbox.siblings {
position: absolute;
right: 190px;
top: 190px;
}
.filters .checkbox label {
font: 22px 'Open Sans',sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.filter-gender.Male, .searchandfilter label[for=sf_sfm_gender_male] {
background: #6eb0d5;
color: #276b91;
text-align: center;
width: 110px;
}
.filter-gender.Male:hover, .filter-gender.Male.active, .filter-gender.Male:focus, .filter-gender.Male:active, .searchandfilter label[for=sf_sfm_gender_male]:hover {
background: #5e96b6;
color: #14374A;
text-decoration: none;
}
.filter-gender.Female, .searchandfilter label[for=sf_sfm_gender_female] {
background: #f5a3f8;
color: #c156c5;
text-align: center;
width: 110px;
}
.filter-gender.Female:hover, .filter-gender.Female.active, .filter-gender.Female:focus, .filter-gender.Female:active, .searchandfilter label[for=sf_sfm_gender_female]:hover {
background: #d299d4;
color: #6B326D;
text-decoration: none;
}
.filter-gender:hover {
text-decoration: none;
}
.searchandfilter h4 {
font: 22px 'Open Sans',sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.searchandfilter ul {
padding: 0;
}
.searchandfilter ul li {
display: inline-block;
width: 33.333%;
text-align: center;
}
.searchandfilter ul li.sf-field-post-meta-gender li:first-of-type {
display: none;
}
.searchandfilter ul li li {
display: inline;
margin-right: 5px;
}
.searchandfilter .noUi-horizontal.noUi-extended {
margin: 20px auto;
}
.searchandfilter .meta-slider {
max-width: 250px;
height: 7px;
}
.searchandfilter .noUi-connect, .noUi-background {
background-color: #dedede;
box-shadow: none;
}
.noUi-target {
border: none;
}
.sf-field-post-meta-gender input[type=radio] {
display: none;
}
.close-button, .close-button-login {
position: absolute;
top: -20px;
left: 50%;
margin-left: -17px;
background: #fff;
border-radius: 100%;
}
.close-button.visible {
display: block;
}
.age-filter h2 {
margin: 0 0 50px -20px;
text-align: left;
}
.ui-slider {
height: 4px;
}
.ui-slider-range {
background: #e4e4e4;
border: none;
}
.searchandfilter .noUi-horizontal .noUi-handle {
background: url("images/slidericon1.png") no-repeat;
background-position: 0 0;
top: -8px;
height: 23px;
width: 15px;
border: 0;
box-shadow: none;
border-radius: 0;
}
.searchandfilter .noUi-horizontal .noUi-handle.noUi-handle-upper {
height: 30px;
top: -12px;
background-image: url("images/slidericon2.png");
}
.noUi-handle:after, .noUi-handle:before {
display: none;
}
.age-ranges {
float: right;
margin-right: -20px;
}
.searchandfilter .range-max, .searchandfilter .range-min {
border: 0;
font-size: 20px;
font-weight: bold;
margin-left: 30px;
}
.gender-filter h2 {
margin: 0 0 20px;
}
h1 {
margin-top: 30px;
margin-bottom: 20px;
}
/* Single Model Page */
.row.model-row {
padding: 0 10px;
}
.top-block {
position: relative;
}
.single-model h1 {
margin: 15px 0;
font-family: 'Open Sans',sans-serif;
font-size: 26px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
}
.request-btn {
font-weight: bold;
text-transform: uppercase;
}
.model-info-cont {
display: flex;
justify-content: flex-end;
align-items: center;
padding: 190px 0 50px;
margin-right: 40px;
/* -webkit-filter: grayscale(100%);
filter: grayscale(100%); */
}
.bg-block {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-position: center;
background-size: cover;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
article.model {
position: relative;
width: 330px;
min-height: 480px;
}
.single-model .wp-post-image {
position: absolute;
top: -99px;
left: 50%;
width: 198px;
height: 198px;
margin-left: -110px;
border-radius: 100%;
-webkit-filter: none;
filter: none;
}
.model-contact {
padding: 100px 26px 26px;
background: rgba(255, 255, 255,0.95);
}
.model-info {
padding: 30px 45px;
border-top: 1px solid #dedcdb;
background: #f5f4f3;
text-transform: uppercase;
}
.model-info dl {
margin: 0;
}
.model-info dt, .model-info dd {
float: left;
width: 50%;
margin-bottom: 10px;
}
.model-info .full-width dt {
width: 25%;
}
.model-info .full-width dd {
width: 75%;
}
.model-info dt {
clear: both;
}
.divider-cont {
padding: 30px 5px 30px 15px;
}
.model-subheading {
margin: 0;
float: left;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.divider {
float: right;
width: calc(100% - 120px);
width: -webkit-calc(100% - 120px);
margin: 8px 0;
border-top: 1px solid #cccccc;
}
.thumbnails-list {
margin-bottom: -30px;
}
.gallery-item:focus {
outline: none;
}
/* Back Button */
.backButton {
position: absolute;
top: 50%;
left: 0;
width: 160px;
padding: 13px;
margin-top: -24px;
font-family: 'Muli', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
/* Single Page */
.background-container {
position: relative;
width: 100%;
min-height: calc(100vh - 60px);
min-height: 800px;
}
/* Forms */
.form-control {
max-width: 100%;
}
/* Footer */
.nav-outer {
position: fixed;
width: 100%;
bottom: 27px;
left: 0;
z-index: 3;
}
.navbar {
display: table;
width: 100%;
max-width: 1500px;
margin: 0 auto;
min-height: 30px;
text-align: center;
}
.nav-contain {
position: relative;
display: table;
margin: 0 auto;
padding: 0 6px;
background-color: #fff;
box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
}
.nav-button {
text-align: center;
}
.nav-button:hover {
text-decoration: none;
}
.navbar-nav>li>a {
padding: 15px 15px 3px;
color: #222;
line-height: 1;
}
.nav>li>a:focus, .nav>li>a:hover {
background: none;
}
.search-button {
position: absolute;
top: 0;
left: -168px;
width: 128px;
height: 62px;
padding: 15px 15px 30px;
background: #222;
color: #fff;
}
.search-button:hover, .search-button:active, .search-button:focus {
color: #fff;
text-decoration: none;
}
.account-button {
position: absolute;
top: 0px;
right: -168px;
height: 31px;
width: 128px;
padding: 8px 0;
background: #fff;
color: #222;
box-shadow: 0px -3px 5px 0px rgba(0, 0, 0, 0.1);
}
.account-button.log-in {
background: #222;
color: #fff;
height: 60px;
}
/* Mobile Nav */
.navbar-toggle {
-webkit-transform:translateY(-20px);
transform: translateY(-20px);
border-radius: 0;
}
.navbar-toggle .icon-bar {
background: #222;
}
.carousel {
max-width: 1440px;
margin: 0 auto;
}
/* Carousel Indicators */
.carousel-indicators {
position: absolute;
display: table;
top: 50%;
transform: translateY(-50%);
left: 18px;
width: auto;
margin-left: 0;
z-index: 999;
}
.carousel-indicators li {
display: block;
margin-bottom: 9px;
background: #fff;
border: none;
}
.carousel-indicators li.active {
background: #222;
margin-bottom: 9px;
border: none;
}
.carousel-inner {
height: calc(100vh - 60px);
height: -webkit-calc(100vh - 60px);
min-height: 800px;
}
/* Login Form */
.horizontal-overlay {
position: absolute;
width: 100%;
left: 0;
min-height: 320px;
padding: 30px 0;
z-index: 1;
background-color: rgba(255, 255, 255, 0.8);
}
.page-id-845 .horizontal-overlay {
position: relative;
margin-top: 0;
top: 0;
}
.horizontal-overlay .inner {
max-width: 1440px;
margin: 0 auto;
background: rgba(255,255,255,0.8);
}
.login-overlay {
display: none;
position: absolute;
width: 100%;
background-color: #fff;
bottom: 0;
z-index: 3;
left: 0;
padding: 30px;
}
#loginform {
width: 233px;
max-width: 100%;
margin: 0 auto 25px;
}
#loginform h2 {
font-size: 24px;
margin: 0 0 35px;
text-align: center;
}
#loginform .login-username input, #loginform .login-password input{
display: block;
margin-bottom: 25px;
width: 100%;
border: 1px solid #7c7a7a;
padding: 13px;
text-align: center;
}
#loginform input[type="submit"] {
display: block;
margin-top: 10px;
width: 100%;
background: #222;
color: #fff;
text-align: center;
padding: 13px 0;
border: none;
}
/* Lightbox Animations */
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
opacity: 0.8;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}
.navbar-nav>li.show-mobile {
display: none;
}
/* Placeholder Text */
::-webkit-input-placeholder {
color: #222;
}
:-moz-placeholder { /* Firefox 18- */
color: #222;
}
::-moz-placeholder { /* Firefox 19+ */
color: #222;
}
:-ms-input-placeholder {
color: #222;
}
::placeholder {
color: #222;
}
/*-- Responsive --*/
a.gallery-item {
max-height: 290px;
overflow: hidden;
}
.gallery-item img {
width: 100%;
height: auto;
margin-bottom: 30px;
}
@media (min-width: 1400px){ /* full screen */
.gallery-item img {
max-width: 100%;
min-width: 205px;
}
}
@media (min-width: 993px) and (max-width: 1399px){
.model-info-cont {
margin: 0 10px;
}
.divider-cont {
margin: 0 10px;
}
}
@media (min-width: 768px) and (max-width: 1199px){ /* ipad horizontal */
}
@media (min-width: 769px) and (max-width: 992px){ /* ipad vertical */
}
@media (max-width: 992px){ /* Small Screens Only */
.horizontal-overlay {
top: 250px;
}
.backButton {
display: none;
}
.model-info {
padding: 15px;
}
.single-model h1 {
font-size: 25px;
text-align: center;
}
.divider-cont {
padding: 15px 30px;
}
.navbar-toggle {
float: none;
}
.filters {
z-index: 999;
}
article.model {
padding: 0 15px;
}
.row.model-row {
padding: 0 15px;
}
.single-content {
padding: 0 30px;
}
}
@media (max-width: 768px){ /* mobile only */
.nav-outer {
bottom: 0px;
}
.full-screen {
height: calc(100vh - 30px);
}
.border {
padding: 15px;
}
.border-top {
height: 15px;
}
.border-bottom {
height: 15px;
}
.container-wide {
padding: 15px;
}
.item-footer {
padding: 10px;
}
.item-inner {
margin-bottom: 15px;
}
.gallery-item img {
width: 100%;
height: auto;
margin-bottom: 15px;
}
.nav-contain {
display: block;
margin: 0 auto;
box-shadow: none;
}
.navbar {
bottom: -15px;
left: 0;
padding: 0;
background: transparent;
}
.navbar-header {
clear: both;
height: 15px;
}
.navbar-nav>li.show-mobile {
display: block;
}
.navbar-nav>li>a {
padding: 15px 0;
}
.nav-button {
display: none;
}
#main-navbar {
background: #fff;
}
.navbar-toggle {
margin: 0;
background: #fff;
}
.models-list,
#ajax-load-more {
margin-bottom: 0;
}
.model-info-cont {
margin: 0 5px;
}
.carousel-indicators {
left: 15px;
}
.carousel-inner {
height: calc(100vh - 30px);
}
.thumbnails-list {
margin-bottom: -15px;
}
.model-info .full-width dt {
width: 50%;
}
.model-info .full-width dd {
width: 50%;
}
.account-button.log-in.nav-button {
right: 0;
top: -20px;
display: block;
height: auto;
padding: 7px 0;
}
}
.single .print .minicard {
display: none;
}
.single #print:hover {
top: -35px;
}
.mini_card_img {
display: none;
}
.print {
display: none;
}
.printonly {
display: none;
}
.footerlogo{
display: none;
}
.companydetails {
display: none;
}
.shoe_size_mini {display: none;}
/*.height {display: none !important;}*/
@media print {
body { background:white; color:black; margin:0; max-width: 800px;}
.row.model-row {padding: 0 10px;}
.item-footer h2, .item-footer p {color: #000; font-size: 12px;}
.item-inner:hover>.item-footer, .item-inner:focus>.item-footer, .item-inner:active>.item-footer {background: white;}
a[href]:after {content: ""; display: none;}
footer.item-footer {position: absolute; bottom: 0px; background: #fff; width: 102%;}
a.item-inner {height: 315px;}
a.item-inner img[src=""]:after {content: "No image"; font-size: 30px; text-align: center; display: block; color: rgba(128, 128, 128, 0.2);}
p.model-age {margin: 0;}
.height {display: block !important;}
.printimg {display: block !important; height: 310px !important}
.nav-outer {display: none;}
.logo-cont {position: relative;}
.border-top {display: none;}
article.model {width: 180px;}
.border-bottom {display: none;}
article.col-lg-2.col-md-3.col-sm-4.col-xs-12.item {width: 33.33%}
article input {display: none;}
.printhide {display: none !important;}
.mini_card article {width: 100% !important; float: none; height: 320px; max-width: none; display: inline-block; margin-bottom: 20px; border:1px solid #999999; padding: 4px;}
.mini_card a.item-inner {height: 100%; width: 50%; display: inline-block; float: left; position: unset;
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
}
.printonly {display: block;}
.printonly.companydetails {display: none;}
p.printonly.details {font-size: 15px; font-weight: normal;}
.mini_card .printimg {height: 320px !important;}
.mini_card .mini_card_img {display: inline-block; height: 100%; width: 25%; float: left; background-size: cover; background-position: center; height: 75%;}
.mini_card footer.item-footer {left: auto; right: 8px; width: 350px; top: 240px; padding: 0;}
.mini_card .logo-cont {display: none;}
.mini_card .footerlogo {display: inline-block; width: 40%; position: absolute; bottom: 6px; right: 8px;}
.mini_card a.item-inner {height: 310px; margin: 0;}
.mini_card .companydetails {position: absolute; right: 7px; top: 2px; font-size: 11px; z-index: 10; display: block;}
.standard .companydetails {display: none;}
.clothing_size {display: none;}
.mini_card .clothing_size {display: block;}
.mini_card .shoe_size_mini {display: inline-block !important;}
.single .backButton {display: none;}
.single .logo-cont {position: absolute;}
.single-model .wp-post-image {display: none;}
.single .model-contact {padding: 10px;}
.single .model-contact p {display: none;}
.single .divider-cont {display: none;}
.single .gallery-item {width: 33.333%; margin-bottom: 25px;}
.single .model-info-cont{padding: 120px 0 30px;}
.single .model-info {padding: 10px;}
.single .thumbnails-list {margin-top: 30px;}
.single-model h1 {margin: 2px 0; font-size: 20px;}
body.single {font-size: 9px;}
.single .model-info-cont {margin-right: 10px;}
.single-model .printonly.details {margin-top: -62px;}
button.alm-load-more-btn.more{
display: none !important;
}
}
/* admin only view */
.search-results .print,
.single .print {
position: absolute;
top: 0;
left: -300px;
width: 128px;
height: 62px;
padding: 15px 0px 30px;
background: #222;
color: #fff;
display: block;
cursor: default;
}
.models-list article input,
#ajax-load-more article input {
position: absolute;
top: 30px;
width: 20px;
height: 20px;
opacity: 0;
transition: opacity 0.2s ease;
}
.models-list article:hover input,
#ajax-load-more article:hover input,
.models-list article input:checked,
#ajax-load-more article input:checked {
opacity: 1;
}
.standard, .minicard {
padding: 15px;
background: #222;
cursor: pointer;
}
.standard {
margin-top: 10px;
}
#print:hover {
top:-85px;
}
/* Model Stats Formatting */
.model_stats td {
padding-left: 0.5em;
padding-right: 0.5em;
}
.model_stats th {
padding-left: 0.5em;
padding-right: 0.5em;
}
.model_stats h2 {
padding-top: 4em;
}
ol.stats {
padding-top: 2em;
}
ol.stats li, ul.stats li {
margin-bottom: 1em;
}
.alm-btn-wrap{
z-index: -1;
}
button.alm-load-more-btn.more{
border: none;
background-color: transparent;
margin: 0 auto 60px;
display: block;
}
.alm-reveal{
overflow: hidden;
}
nav.navigation.pagination {
margin: 0 auto 40px auto;
display: inline-block;
width: 100%;
text-align: center;
}
nav.navigation.pagination h2 {
display: none;
}
nav.navigation.pagination .nav-links {
font-size: 22px;
}
nav.navigation.pagination .nav-links span, .nav-links a {
color: #333;
}
nav.navigation.pagination .nav-links .current{
text-decoration: underline;
}
nav.navigation.pagination .nav-links .next,
nav.navigation.pagination .nav-links .prev{
padding: 0 20px;
}