/*
Theme Name: Fox Studios Visitor
Theme URI: /wp-content/themes/fox
Author: Leslie Roche & Mark Aitken - eBrands
Description: WordPress theme made for the Fox Studios Australia Visitor System
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url("https://use.typekit.net/ddt6jin.css");

html, body { margin : 0 !important; padding : 0 !important; width : 100%; overflow-x : hidden; font-family: 'Roboto', sans; font-weight: 300; font-size : 0.95rem;    height: 100%; }
#sidebar { min-width: 250px; max-width: 250px; min-height: 100vh; position : fixed; top : 0; z-index : 11; background : #ccc; }
#sidebar a {color : #0A1F8F !important}
#wrapper { align-items: stretch; height: 100%; display: flex; flex-direction: column;}

.home h1 { color: #fff !important; }
h1 { font-size: 4rem; font-size: calc((1.5vh + 1.5vw) + 10px); font-weight: 700; color: #fff;}
h2 { font-size: 2.2rem; /* font-size: calc((2vh + 2vw) + 10px); */ font-weight: 700; color: #0A1F8F }
h3 { display: block;
    border-top: 2px solid;
    font-size: 0.8rem !important;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #0A1F8F;
    font-weight: 900;
    padding-top: 0.5rem;
    padding-bottom: 1rem; }
h4 { font-size: 1.2rem; /* font-size: calc((2vh + 2vw) + 10px); */ font-weight: 700; color: #0A1F8F }
h5 { font-size: 0.9rem; /* font-size: calc((2vh + 2vw) + 10px); */ font-weight: 700; color: #0A1F8F }
h5.capped { text-transform: uppercase; letter-spacing: 3px; }
h5.headline { border-top: 2px solid; padding-top: 0.5rem }

#page {flex-grow: 1;}
.pagination { margin-bottom: 60px }
#page-content-subtitle { color: #666666; }
#page-content-subtitle i { color : #179AD6; margin-right : 10px; }

.grey { color: #999 }
.text-xs .capped { letter-spacing: 2px }

p { color: #333}


a { color: #0A1F8F; text-decoration: none; }
a:hover { color: #179AD6; text-decoration: none; }
a span.date { color: #333; }
a:hover span { color: #333 }
.logo a:hover span { color: #179AD6 }
a:hover h4 { color: #179AD6 !important }


a.collapsable { border-top: 2px solid; color: #0A1F8F !important; display: block; padding-top: 10px; margin-bottom: 10px; text-decoration: none; font-size: 1.2rem; font-weight: bold; padding-right: 30px; }
a.collapsable:hover { border: 0; border-top: 2px solid #29ABE2; color: #29ABE2 !important; display: block; padding-top: 10px; margin-bottom: 10px; text-decoration: none; }
a.collapsable:hover i { color: #29ABE2; }
a.collapsable .fa-angle-down { display: none; font-size: 3rem; line-height: 2rem; }
a.collapsable.collapsed .fa-angle-down { display: block !important }
a.collapsable .fa-angle-up { display: block; font-size: 3rem; line-height: 2rem; }
a.collapsable.collapsed .fa-angle-up { display: none !important }
.fa.faright {float: right; color: #0A1F8F; top: 15px; position: absolute; right: 15px;}
div[aria-expanded="false"] { border-top: 2px solid #0A1F8F; color : #0A1F8F; }

.fa-angle-down { font-size: 1.2rem; line-height: 80%; margin-bottom: 1px; display: inline-block; vertical-align: middle; }
.form-control { font-family: 'Roboto', sans; font-weight: 300; font-size: 0.95rem; color: black !important; padding-top: 0.65rem; -webkit-appearance: none; height: auto !important; border-radius: 0 !important; border: none; }

.btn { padding: .45rem .75rem; font-weight: 700; border: 0; font-size: .875rem; cursor : pointer; }
.btn:hover { border: 0; }
.btn-primary{ background-color: #0A1F8F !important; }
.btn-secondary { border : 2px solid #29abe1; color : #29abe1; }
.btn-secondary:hover { border : 2px solid #179AD6; color : #fff; background : #179AD6; }

/* Titles */
.title { display: block; border-top: 2px solid; font-size: 0.8rem; letter-spacing: 3px; text-transform: uppercase; color: #0A1F8F; font-weight: 700; padding-top: 0.5rem; padding-bottom: 1.5rem; }
.title-white { color: white; border-color: white; }

.btn-warning {
    color: #fff;
    background-color: #179AD6;
    border-color: #179AD6;
}
.btn-warning:hover {
    color: #fff;
    background-color: #0A1F8F;
    border-color: #0A1F8F;
}
.home #masthead { height: 100%; }
.home.logged-in #masthead { height: auto; }
.home .header { min-height: 50vh; height: 100%; }
.header { background-size: cover; background-color: #0A1F8F; background-position: center center; }
.logo img { width: 150px; }
.logo a { text-decoration : none; border : none; }

.search-toggle-mode { cursor: pointer }

#help-header { background-color: #0A1F8F; height : 250px; }
header i.fa-user { font-size : 2.5em; color: white; border : 2px solid white; border-radius : 40px; padding : 5px; }

header .user-block { color: white; text-align : right; }

#post-featured { max-width : 200px; }
#announcements img { width : 100%; height : auto; }

.img-small img { width : 100%; height : auto; }

.visitors { color: white; text-transform: uppercase; letter-spacing: 3px; }
#horizontal-navbar li a:hover { color : #179AD6 !important; }
.navbar a { color: white !important; }
.navbar .nav-item { font-weight: bold; flex-grow: 0; }
.navbar .nav-item:hover, .navbar .nav-item a:hover { font-weight: bold; border: none !important; color: #f5a00 }
.header .logo .a { border: none !important; }

.navbar .nav-item .btn { background : none; margin: auto; color : #29abe1 !important; }
.navbar .nav-item .btn:hover{color: #179AD6 !important;}
#sidebar .navbar .nav-item .btn { margin: 0; border : 2px solid #29abe1 !important; }
.navbar #nav-add-visitor.nav-item:hover { border-bottom : none !important; }
.navbar .nav-item.active .btn { background : white; color : #0A1F8F !important; border : none; }
/* .navbar #login-username{ position : relative; top : 10px; left : 100%; } */

.user-link { position: absolute; right: 15px;  }
.user-link span { display: inline-block; font-weight: normal; }
.user-link i { float: right; }

.main-title { color: #179AD6; }

#buildings-table-header .col-address { width: 40% }
#buildings-table-header .col-building { width: 49% ;}
#buildings-table-header .col-edit {width: 40px;}
#applications-table-header .col-edit { width: 40px; }


/* #login #email { background : white; border : 2px solid white; border-radius : 4px; }

#login #password-group { background : white; border : 2px solid white; border-radius : 4px; }
#login input[type="password"] { background : none; border : none; }
*/
#loginform #wp-submit { border: none; margin-right: 0.2rem; font-weight: 700;position:absolute;right: 0px;top: 3px; }
#loginform .form-group{position: relative;}
#loginform .form-group #user_pass{padding-right: 70px;}
a.login-link span{color:#ffffff; }
a.login-link:hover span{color: #179AD6;}

input[type="checkbox"]::before { content:" "; display : block; width : 15px; height : 15px; background : white; border : 2px solid white; }

input:checked::before { background : grey; }
.ann-line { border-top: 1px solid #808080; }

.row-border { border-bottom: 1px solid #e6e6e6; }

.help-announcements { text-transform: uppercase; color: #808080; }

.single-dashpass header,
.single-dashpass footer { display : none; }


.modal-dialog{ min-width : 70vw; margin-top : 20vh; }
.modal-content div { border : none; padding: 20px 60px; }
.modal-body { font-size : 2rem; }
.modal-footer { -webkit-box-pack: inherit; -webkit-justify-content: inherit; -ms-flex-pack: inherit; justify-content: inherit; }

.grey-background { background : #e6e6e6; }
.clear-both { clear : both }
.caps { text-transform : uppercase; }
.text-bold{ font-weight : bold; }
.text-blue { color : #0A1F8F; }
.text-yellow { color : #179AD6; }
.text-grey { color : #666666; }
.text-light-grey { color : #CCCCCC; }
.text-sm { font-size : 0.8rem; }
.text-xs { font-size : 0.7rem; }
.no-bg { background : none; }
.text-lg { font-size : 1.5em; }
.display-none { display : none; }
.full-height { min-height : 50vh; }


footer { clear: both;
    flex-shrink: 0;
    width: 100%;
 }
footer #footer-body{ height : 300px; margin-top : -7px; }

footer #footer-header svg, #header-footer svg, #header-footer { width : 100%; height : 51px; }
#header-footer { position : absolute; margin-top : -50px; z-index : 10; }

/* Media queries */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { .visitors { text-align: left; }  .test { text-align: left !important; } }

/* NO MARGIN */
html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; }
@media screen and ( max-width: 782px ) {
	html { margin-top: 0px !important; }
	* html body { margin-top: 0px !important; } }


/**************************************************New Classes***********************************************************/

.page-template-add-visitor .select2-container--default .select2-selection--single .select2-selection__arrow b {
    height: 13px !important;
    position: absolute !important;
    top: 15px !important;
    right: 10px !important;
    width: 25px !important;
    background-image: url(http://dev-ebrands-fox.pantheonsite.io/wp-content/themes/fox/styles/img/down-arrow.png);
    background-repeat: no-repeat;
    border: none !important;
    left: auto !important;
    margin: 0 !important;
}
.page-template-add-visitor .select2-container .select2-selection--single {
    height: 46px !important;
}
.page-template-add-visitor .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    width: 50px !important;
}
.page-template-add-visitor .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 42px !important;
}
.page-template-add-visitor .select2-container--default .select2-selection--single {
    border: 2px solid #EFEFEF !important;
}
.page-template-add-visitor .acf-field .acf-label label {
    letter-spacing: 2px !important;
}
.page-template-add-visitor .acf-field select {
    padding: 5px !important;
}
.page-template-add-visitor .acf-field-5b1542f22b60d, .acf-field-5b15435a2b60e {
    width: 100% !important;
}
.page-template-add-visitor .acf-field.acf-field-select.acf-field-5b1542f22b60d.field_type-select.field_key-field_5b1542f22b60d {
    margin-top: -7px;
}
.page-template-add-visitor div#visitor-and-tenant-details {
    padding-right: 50px;
}
.page-template-add-visitor h2.my-3 {
    margin-bottom: 40px !important;
}
.acf-field-5b1541e62b608 .acf-input, .acf-field-5b1542362b609 .acf-input, .acf-field-5b1542642b60a .acf-input, .acf-field-5b1542f22b60d .acf-input {
	overflow:hidden;
	border-right: 2px solid #EFEFEF;
	border-radius:5px;
}
.acf-field-5b1541e62b608 .acf-input select, .acf-field-5b1542362b609 .acf-input select, .acf-field-5b1542642b60a .acf-input select, .acf-field-5b1542f22b60d .acf-input select{
	width:150%;
}
#acf-save-btn, #acf-submit-btn, #acf-clear-btn, #acf-return-btn {
    padding: .45rem .75rem !important;
    font-weight: 700 !important;
    border: 0 !important;
    font-size: .875rem !important;
    cursor: pointer !important;
}
div#footer-body {
	margin: 0 auto;
	padding: 70px 0px;
	min-height: 500px;
}
.footer-rightside {
	float: right;
}

.footer-leftside {
	display: inline-block;
}
ul.footer-nav-link {
	list-style: none;
	padding-left: 0;
  margin-left: 0;
}

ul.footer-nav-link li a {
	font-weight: bold;
}

@media screen and (max-width: 992px) {
	div#footer-body {
		 padding: 70px 100px;
	}
}
@media screen and (max-width: 992px) {
	div#footer-body {
		 padding: 70px 30px;
	}
}
@media screen and (max-width: 566px) {
	.footer-nav-link {
		 padding: 0;
	}
}
/*.page-template-add-visitor .acf-field select {
    padding: 5px !important;
    width: 150%;
	border: 2px solid #EFEFEF;
}
.acf-input {
    overflow: hidden;
}

.page-template-add-visitor .acf-field .acf-input{
	border: 2px solid #EFEFEF;
	border-radius:5px;
}
.acf-form input:not([type="checkbox"]), .acf-form select, .acf-form textarea, .acf-form button {
    border: 0px solid #EFEFEF !important;
}*/
/*.page-template-add-visitor #notes h3 {
    position: absolute;
    left: 16px;
    bottom: 260px;
	display:none;
}*/



/************************************************************************************************************************/

tr.light-red-bg { background: #ff000030; }
tr.bastard_1 {  color: #179AD6; font-weight: 600; }
/*
tr.light-red-bg.bastard_1 {  background: linear-gradient(45deg, #ff000024, #fdff0275);
} */


.role-tenant li#field_2_27 {
    display: none !important;
}