/*
	Theme Name: Phil Thompson
	Theme URI: http://philthompson.ca
	Description: Phil Thompson WordPress Theme
	Version: 1.0.0
	Author: Kevin Wallace

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    FONTS
\*------------------------------------*/

@font-face {
    font-family: 'Avenir Book';
    src: url('fonts/Avenir-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Book';
    src: url('fonts/Avenir-BookOblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-HeavyOblique.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-MediumOblique.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Oblique.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir';
    src: url('fonts/Avenir-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
}
body {
	font: 400 18px/1.5 Avenir, sans-serif;
	color: #666;
}
body.show-nav {
	overflow: hidden;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
}
a {
	color:#666;
	font-weight: 700;
	text-decoration:none;
	-moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
a:hover {
	color:#222222;
	text-decoration:none;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}
hr {
	width: 10rem;
	margin: 0 auto;
}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Avenir, sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #048abf;
	margin-top: 0;
	margin-bottom: 2.5rem;
	line-height: 1.1;
}

h4 {
	margin-top: 4rem;
}

.reversed h1,
.reversed h2,
.reversed h3,
.reversed h4,
.reversed h5,
.reversed h6 {
  color: #FFF;
}

h1 { font-size: 60px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 18px; }

p {
	margin-bottom: 2.5rem;
}

p.large {
	font-size: 26px;
}

p.tiny {
	margin-top: 2rem;
	font-size: 12px;
}

.reversed p,
.reversed li,
.reversed a,
.reversed span {
	color: #FFF;
}

ul {
	padding-left: 2rem;
}

li {
	margin-bottom: 3rem;
}


/*------------------------------------*\
	BUTTONS
\*------------------------------------*/

.btn,
.nf-form-content button, 
.nf-form-content input[type=button], 
.nf-form-content input[type=submit] {
	font-family: proxima-nova, sans-serif;
  background-color: #023E73 !important;
  color: #FFF;
  font-weight: 700;
  line-height: 1;
  padding: 2rem 3rem !important;
  font-size: 16px;
  height: auto !important;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  position: relative;
  display: block;
  overflow: hidden;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.btn:hover,
.nf-form-content button:hover, 
.nf-form-content input[type=button]:hover, 
.nf-form-content input[type=submit]:hover {
  background-color: #04c4d9 !important;
  color: #FFF !important;
}

.btn.active, 
.btn:active,
.nf-form-content button.active, 
.nf-form-content input[type=button].active, 
.nf-form-content input[type=submit].active,
.nf-form-content button:active, 
.nf-form-content input[type=button]:active, 
.nf-form-content input[type=submit]:active {
	outline: none;
}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	width: 100vw;
	height: 100vh;
	background-color: #FFF;
	display: flex;
	align-items: center;
}

main {
	width: 100%;
	text-align: center;
}

section {
	padding: 4rem 0;
}

.container {
	position: relative;
}

.container-fluid {
	padding: 0 3rem;
	max-width: 1140px;
}

.row {
	justify-content: center;
}

.large-gutter {
  margin-right: -20px;
  margin-left: -20px;
}

.large-gutter > .col, 
.large-gutter > [class*="col-"] {
  padding-right: 20px;
  padding-left: 20px;
}

.small-gutter {
  margin-right: -10px;
  margin-left: -10px;
}

.small-gutter .col, 
.small-gutter [class*="col-"] {
  padding-right: 10px;
  padding-left: 10px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters .col,
.no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.post-edit-link { display: none; }



/*------------------------------------*\
    ITEMS
\*------------------------------------*/

.item {
	border: 1px solid;
	border-radius: 1rem;
	cursor: default;
	transition: transform 0.1s ease-in-out;
}

.item:hover {
	transform: scale(1.03);
}

.item.transaction { border-color: #048ABF; }
.item.transaction hr { background-color: #009BD8; }
.item.transaction .btn { background-color: #048ABF !important; }
.item.transaction .btn:hover { background-color: #009BD8 !important; }

.item.hotel { border-color: #E6936C; }
.item.hotel hr { background-color: #E6936C; }
.item.hotel .btn { background-color: #E6936C !important; }
.item.hotel .btn:hover { background-color: #F29B73 !important; }

.item.mack { border-color: #2E3948; }
.item.mack hr { background-color: #2E3948; }
.item.mack .btn { background-color: #2E3948 !important; }
.item.mack .btn:hover { background-color: #364253 !important; }

.item img {
	width: 28rem;
	padding: 3rem;
	margin: 0 auto;
}

.item.mack img {
	padding: 3.75rem 3rem;
}

.item p {
	padding: 2rem 3rem;
	margin-bottom: 1rem;
	font-size: 17px;
	min-height: 159px;
}



/*------------------------------------*\
    FOOTER
\*------------------------------------*/




/*------------------------------------*\
    ANIMATIONS
\*------------------------------------*/

.slideUp {
	transform: translateY(150px);
	animation: slideUp 1s ease forwards 0s;
}

.slideDown {
	transform: translateY(0px);
	animation: slideDown 1s ease forwards 0s;
}

.slideLeft {
	transform: translateX(400px);
	animation: slideLeft 1s ease forwards 0s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    display: block;
  }
  100% {
    opacity: 0;
    display: none;
  }
}

@keyframes slideLeft {
  0% {
    transform: translateX(400px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes slideUp {
  0% {
    transform: translateY(300px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes slideDown {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(300px);
  }
}

@keyframes reveal {
  0% {
    width: 100%;
  }
  100% {
    width: 0;
  }
}

@keyframes zoomOut {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes swooshAnimate {
  0% {
    width: 0px;
  }
  100% {
    width: 100px;
  }
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media screen and (max-width: 1400px) {
	
	

}


@media screen and (max-width: 1300px) {
  
  

}


@media screen and (max-width: 1200px) { 
  
  
	
}


@media screen and (max-width: 1024px) {
	
	

}


@media screen and (max-width: 991px) {
	
	.wrapper {
		display: block;
	}
	
	section {
    padding: 2rem 0;
  }
	
	.item p {
		min-height: auto;
	}
	
	p.tiny {
		margin-bottom: 4rem;
	}

}


@media screen and (max-width: 844px) {

	p.large {
    font-size: 22px;
  }
  
  section:first-of-type {
    padding: 5rem 0 0;
  }
  
  .copyright {
	  font-size: 12px;
  }
  
  .copyright img {
	  width: 100px;
  }
  
}


@media screen and (max-width: 575px) {  
	
	
	
}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#444;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#444;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#444;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.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 .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.wp-block-separator {
    border-top: 1px solid;
    border-bottom: none;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}