/*
Theme Name: Urban Fortress
Theme URI: https://www.urbanfortress.com
Description:  Urban Fortress
Author: Influx Digital
Author URI: https://www.influxdigital.com/
Version: 1.0
Tags: urban, fortress
Text Domain: urbanfortress
*/
 

/* FULLPAGE */
html, body {  /* 100% */
	height:100%;  max-height: 100%;
    /* display: -ms-flexbox; display: -webk.contacts ul li.contacts-callit-flex; display: flex; -ms-flex-direction: row; -webkit-flex-direction: row; flex-direction: row; */
}
html { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
body {
    font-family: 'Barlow', sans-serif; color:#000000; font-size: 17px; font-weight: 400; line-height: 1.25;
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { 
	font-family: 'Barlow', sans-serif;
	font-weight: 600; margin-top:0; -webkit-font-smoothing: subpixel-antialiased; margin-bottom: 20px;  
}
strong, b { font-weight:600; }
a { color:#157184; text-decoration:none; }
a:hover, a:focus, a:active  { color:#08B1B4; text-decoration:underline; }

button { cursor: pointer; }
button, input, optgroup, select, textarea { font-family: 'Barlow', sans-serif; font-size: initial; } /* Disables the Safari's autozoom function on focus */
iframe { width:100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }

input[type=number] { -moz-appearance: textfield;}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

input, textarea { font-size: initial; } /* Disables the Safari's autozoom function on focus */
iframe { width:100%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }



/* WordPress Core | http://codex.wordpress.org/CSS */
.alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.g-recaptcha { -webkit-transform-origin: left top; transform-origin: left top;  }
 
/* THEME */
.hundred-container {
	position: relative; display: table; width: 100%; height: 100%; 
	/* margin-bottom:30px; */
	text-align: center;
}
.hundred-vertical { 
	display: table-cell; vertical-align: middle; position: relative; 
	height: 100%;
}

.hundred-vertical video { 
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	/* z-index: -1000; */
	overflow: hidden;
}
.hundred-vertical-mask { 
	display: none; background-color: rgba(0,0,0,0.7); 
	position:absolute; top:0; left:0; bottom: 0; right: 0; width: 100%; height:100%;
}
 
.flamingo {
	background-color:#000000;
	background-repeat: no-repeat;
	background-position: center center; /* fixed*/ 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
	background-image: url('images/cover.jpg');
}

.video-all { 
	/* position:absolute; top:35%; left:0; bottom:0; right:0; */
	position: relative; z-index: 10;
	text-align:center; color:#FFF;
	margin-top: 0px;
}

.logo { display: inline-block; width: 400px; margin-bottom: 60px;  }
.logo img { width: 100%; }

.video-title { font-size: 70px; font-weight: 200; margin:0 0 40px 0;  }
.video-subtitle { font-size: 20px; margin-bottom: 50px;  }
.video-subtitle a { color: #F73443; text-decoration: underline; }
.video-signup { font-size: 18px; margin-bottom: 20px;  }

.sform { width: 330px; margin: 0 auto; }
.sform .wpcf7-form-control-wrap { display: block; margin-bottom: 15px; }
.sform .wpcf7-text,
.sform .wpcf7-select { 
	display: block; width: 100%; padding: 12px 18px; border-radius: 3px; 
	border:none;
}

.sform .wpcf7-select {
	-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;
    background-image:url('images/drop.svg');
	background-repeat: no-repeat;
	background-position: center right 10px;
	background-size: 16px 16px;
	background-color: #fff;
}
.sform .wpcf7-select::-ms-expand { display:none; } /* IE */

.sform-submit { position: relative; }
.sform-submit .wpcf7-submit { 
	display: block; width: 100%; text-align: center; background-color: #F3125C; color: #fff;  
	border-radius: 3px; border: none;
	font-size: 16px; font-weight: 600; letter-spacing: 1px; 
	padding: 15px 15px; 
	cursor: pointer; text-decoration: none; 
	-webkit-transition:all 0.3s; -moz-transition:all 0.3s; transition:all 0.3s;
}
.sform-submit .wpcf7-submit:hover,
.sform-submit .wpcf7-submit:focus,
.sform-submit .wpcf7-submit:active { text-decoration: none; background-color: #E10950; }

.sform div.wpcf7-response-output { margin: 0; padding: 10px 15px; font-size: 14px; border: none; background-color: #4E0989; color: #fff;   }
.sform div.wpcf7-response-output.wpcf7-mail-sent-ok { background-color: #4E0989; }
.sform span.wpcf7-not-valid-tip { display: inline-block; float: left; text-align: left; background-color: #F3125C; color: #fff; font-size: 11px; padding: 2px 4px;  }
.sform span.wpcf7-not-valid-tip::after { visibility:hidden; display:block; font-size:0; content:''; clear:both; height:0; }

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.sform div.wpcf7 .ajax-loader { 
	margin:0; padding: 0;
	position: absolute; top: 15px; right: -30px;
	background-repeat: no-repeat;
	background-image:url('images/ajax-loader.svg'); 
	background-size: 20px 20px; width: 20px; height: 20px; 
	/* Rotating */
	-webkit-animation: rotating 2s linear infinite;
	-moz-animation: rotating 2s linear infinite;
	-ms-animation: rotating 2s linear infinite;
	-o-animation: rotating 2s linear infinite;
	animation: rotating 2s linear infinite;
}
.sform div.wpcf7 .ajax-loader::before { 
	/* font-family: FontAwesome; content: "\f017"; font-size:20px;  */
}


.logo-wrapper {
	position: absolute; top: 70px; left: 0; width: 100%; text-align: center; 
	z-index: 10;
}

.emalterms {
	position: absolute; bottom: 70px; left: 0; width: 100%; text-align: center; 
	font-size: 15px; color: #505050; 
}
.uform-wrapper { text-align: center; }
.uform { display: inline-block; width: 270px; }

.uform button[type="submit"] { 
	display: block; width: 100%; text-align: center; background-color: #F10B1D; color: #fff;
	text-transform: uppercase; letter-spacing: 2px; 
	border: none;
	padding: 15px 40px; 
	border-radius: 26px; 
}
.uform .wpcf7-text.wpcf7-email { 
	padding: 8px 0; margin-bottom: 30px;
	display: block; width: 100%; background-color: transparent; border: none; 
	border-bottom: 1px solid #505050; 
	font-size: 30px; color: #C7C7C7;
	font-weight: 300;
	text-align: center;
}



/* •○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○• */
/*																	   */
/* 							BREAKPOINTS ------------------------------ */
/*																	   */
/* •○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○•○◙◘◙○• */

@media (max-width:767px) {
    /* WordPress Core | http://codex.wordpress.org/CSS */ .alignnone { margin: 5px 0px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { display:block; width:100%; height:auto; float:none; margin: 5px 0 20px 0px; } .alignleft { display:block; width:100%; height:auto; float: none; margin: 5px 0px 20px 0; } a img.alignright { display:block; width:100%; height:auto; float: none; margin: 5px 0 20px 0px; } a img.alignnone { display:block; width:100%; height:auto; margin: 5px 0px 20px 0; } a img.alignleft { display:block; width:100%; height:auto; float: none; margin: 5px 0px 20px 0; } .wp-caption { padding: 0; max-width: 100%; /* Image does not overflow the content area */ } .wp-caption.alignnone { margin: 5px 0px 20px 0; } .wp-caption.alignleft { display:block; width:100%; height:auto; float: none; margin: 5px 0px 20px 0; } .wp-caption.alignright { display:block; width:100%; height:auto; float: none; margin: 5px 0 20px 0px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; }
    body { font-size: 15px; overflow: auto;  }
	/* https://stackoverflow.com/questions/44543157/how-to-hide-the-google-invisible-recaptcha-badge */
	/* .grecaptcha-badge */
 
	body.home {
		background-color: #000000;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		background-image: url('images/cover.jpg');
	}
	.flaming { background-color: transparent; background-image: none; }
	.logo-wrapper { position: static; padding: 50px 0; }
	.logo { width: 260px; margin-bottom:0px; }
	.hundred-container { display: block; height: auto;  }
	.hundred-vertical { display: block; height: auto; padding: 0 15px;  }
	.emalterms  { position: static; }
	.video-title { font-size: 42px; }
	.video-subtitle { font-size: 18px; }
	.uform .wpcf7-text.wpcf7-email { font-size: 25px; }
	.emalterms { padding: 0 15px; }
	
	
} /* End of @media ----------------------------------------------------------------------------- */

/* https://css-tricks.com/snippets/css/orientation-lock/ */
@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
	body {  overflow: auto; }
	 
	
} /* End of @media ----------------------------------------------------------------------------- */

/* SM - SECONDARY */
/* Old small -screen devices (tablets, 575px and up) : KEEP IT AFTER :  @media (max-width:767px) */
@media (max-width:575px) {}
/* @media ==================================================================================== */
@media (max-width:575px) and (orientation:landscape) {}
/* @media ==================================================================================== */
/* --------------------------------------------------------------------------------------------- */


/* MD */
/* Medium devices (tablets, 768px and up) */
@media (min-width:768px) and (max-width:991px) {
	body {  overflow: auto; }
 
	 

} /* End of @media ----------------------------------------------------------------------------- */

/* https://css-tricks.com/snippets/css/orientation-lock/ */
@media screen and (min-width:768px) and (max-width:991px) and (orientation: landscape) {
	 
} /* End of @media ----------------------------------------------------------------------------- */


/* The following codes are specifically for iPad (portrait and landscape): */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {} /* @media iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
}
/* @media iPad Portrait  ==================================================================================== */

/* LG */
/* Large devices (desktops, 992px and up) */
@media (min-width:992px) and (max-width:1247px) {
	 

} /* End of @media ----------------------------------------------------------------------------- */

/* XL: 1280x1024 */
/* Extra large devices (large desktops, 1280 and up) */
@media (min-width:1248px) and (max-width: 1333px) {
} /* End of @media ----------------------------------------------------------------------------- */

/* 2XL: 1366 x 768 */
/* Extra large devices (large desktops, 1366px and up) */
@media (min-width:1334px) and (max-width: 1407px) {
} /* End of @media ----------------------------------------------------------------------------- */


/* 3XL: 1440×900 */
/* Extra large devices (large desktops, 1440 and up) */
@media (min-width:1408px) and (max-width: 1879px) {
} /* End of @media ----------------------------------------------------------------------------- */

/* SPECIAL OCCASIONS ONLY  */


@media (max-width:575px) {}
@media (min-width:576px) {}
@media (min-width:768px) {}
@media (min-width:992px) {}
@media (min-width:1248px) { /* DEFAULT 1200px  changed to 1248px */
	
} /* End of @media ----------------------------------------------------------------------------- */


@media (min-width:1334px) {}
@media (min-width:1408px) {}
@media (min-width:1880px) { /* 1920×1080px AND UP  */
} /* End of @media ----------------------------------------------------------------------------- */