/*
    Theme Name: UP
    Theme URI: http://www.atwatermedia.com
    Version: 1.0.38
    Description: A child theme of AtwaterTheme
    Author: Atwater Media
    Author URI: http://www.atwatermedia.com
    License: GNU General Public License version 3.0
    License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Template: atwatertheme
*/

*:focus {
    outline: none;
}
html {
	scroll-behavior: smooth;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

body {
	font-size: 16px;
	font-family: 'Montserrat', sans-serif;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.atwm-max-width-80 {
	max-width: 80%
}
.atwm-max-width-80.vc_align_center {
	margin-left: auto;
	margin-right: auto;
}

/** ======================================================================================
* MAIN COLORS
* ======================================================================================== */
.atwm-color-black {
	color: #161616;
}
.atwm-bg-color-black {
	background-color: #161616;
}
a {
	transition: all 0.2s;
	color: #161616;
}
a:hover {
	color: #000;
}


/** ======================================================================================
* TEXT STYLES 
* ======================================================================================== */
h1, h2, h3, .h1-heading {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
}

.content blockquote {
	border-left: solid 2px #00a3db;
	padding: 1rem 2rem;
	font-size: 1.2em;
	margin-bottom: 0.5rem;
	margin-bottom: 1rem;
}
.content blockquote p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}



/** ======================================================================================
* TEXT STYLES 
* ======================================================================================== */
.atwm-font-bigger-1p4 {
	font-size: 1.4em;
}

.btn {
	font-size: 1rem;
	border-radius: 0;
}
.btn-primary {
	color: #fff;
	background-color: #00a3db;
	border-color: #00a3db;
}
.btn-primary:hover {
	background-color: #777;
	border-color: #777;
}


.vc_general.vc_btn3 {
	font-size: 1rem;
}
.vc_btn3.vc_btn3-color-primary.vc_btn3-style-flat {
	background-color: #00a3db !important;
	text-transform: uppercase;
}

.vc_btn3.vc_btn3-color-info.c_btn3-style-outline {
	color: #00aeef !important;
	border-color: #00aeef !important;
	text-transform: uppercase;
}
.vc_btn3.vc_btn3-color-info.vc_btn3-style-outline:focus, 
.vc_btn3.vc_btn3-color-info.vc_btn3-style-outline:hover {
    color: #fff !important;
    border-color: #00aeef !important;
    background-color: #00aeef !important;
}

/** ======================================================================================
* VC
* ======================================================================================== */
.vc_row.atwm-row-0 {
	margin-left: 0;
	margin-right: 0;
}
.vc_row.atwm-row-0>.vc_column_container>.vc_column-inner {
	padding-left: 0;
	padding-right: 0;
}
.vc_row.atwm-row-1 {
	margin-left: -1rem;
	margin-right: -1rem;
}
.vc_row.atwm-row-1>.vc_column_container>.vc_column-inner {
	padding-left: 1rem;
	padding-right: 1rem;
}
.vc_row.atwm-row-2 {
	margin-left: -2rem;
	margin-right: -2rem;
}
.vc_row.atwm-row-2>.vc_column_container>.vc_column-inner {
	padding-left: 2rem;
	padding-right: 2rem;
}


.vc_row.atwm-m-0 {
	margin: 0;
}
.vc_row.atwm-m-0 .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}
.vc_row.atwm-m-3 {
	margin-left: -3rem;
	margin-right: -3rem;
}
.vc_row.atwm-m-3 .vc_column-inner {
    padding-left: 3rem;
    padding-right: 3rem;
}


.atwm-col-p-1 > .vc_column-inner > .wpb_wrapper,
.atwm-p-1 {
	padding: 1rem;
}
.atwm-col-p-2 > .vc_column-inner > .wpb_wrapper,
.atwm-p-2 {
	padding: 2rem;
}
.atwm-col-p-3 > .vc_column-inner > .wpb_wrapper,
.atwm-p-3 {
	padding: 3rem;
}
.atwm-col-p-3 > .vc_column-inner > .wpb_wrapper > *:last-child {
	margin-bottom: 0;
}

.atwm-m-2 {
	margin: 2rem;
}
.atwm-m-t-2 {
	margin-top: 2rem;
}
.atwm-m-b-2 {
	margin-bottom: 2rem;
}


.atwm-uppercase {
	text-transform: uppercase;
}
.atwm-bg-light-gray {
	background-color: #f5f6f9;
}
.atwm-wrapper-bg-blue>.vc_column-inner>.wpb_wrapper,
.atwm-bg-blue {
	background-color: #006597;
	color: #fff;
}
.atwm-wrapper-bg-gray>.vc_column-inner>.wpb_wrapper,
.atwm-bg-gray {
	background-color: #4d4d4c;
	color: #fff;
}


.atwm-color-bullets ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.atwm-color-bullets ul li {
	position: relative;
	padding-left: 20px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
.atwm-color-bullets ul li:before {
	content: "";
	display: block;
	background-color: #006597;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 8px;
}
.atwm-color-bullets.atwm-values-blue-light ul li:before {
	background-color: #20a0da;
}


/** ======================================================================================
* WORDPRESS SPECIFIC STYLES 
* ======================================================================================== */

.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



.vc_row.container {
	margin-left: auto;
	margin-right: auto;
}


@-webkit-keyframes fadeInBottom {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

@keyframes fadeInBottom {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
}

.fadeInBottom {
    -webkit-animation-name: fadeInBottom;
    animation-name: fadeInBottom;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}





@-webkit-keyframes fadeOutBottom {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
}

@keyframes fadeOutBottom {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateX(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateY(10%);
	}
}

.fadeOutBottom {
    -webkit-animation-name: fadeOutBottom;
    animation-name: fadeOutBottom;
	
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	
	
}




@-webkit-keyframes fadeInRight {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

@keyframes fadeInRight {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@-webkit-keyframes fadeOutRight {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
}

@keyframes fadeOutRight {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(10%);
	}
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@-webkit-keyframes fadeInLeft {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

@keyframes fadeInLeft {
	0% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
	100% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}



@-webkit-keyframes fadeOutLeft {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
}

@keyframes fadeOutLeft {
	0% {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity=100);
		transform: translateY(0%);
	}
	100% {
		visibility: hidden;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translateZ(0);
		transform: translateX(-10%);
	}
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
	
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
	-webkit-animation-duration: 0.7s;
	animation-duration: 0.7s;
}