@charset "utf-8";
/*
 Theme Name:   CHS
 Theme URI:    http://www.carryinghopesurrogacy.com/
 Description:  Carrying Hope, A Surrogacy Agency
 Author:       Victor Kuspa
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  CarryingHope
*/
h1 {
	font-family: 'cirgracelight';
	font-size: 40pt;
	color: #f5877e;
	font-weight: lighter;
	text-align: center;
	}
h2 {
	font-family: 'cirgracelight';
	font-size: 30pt;
	color: #f5877e;
	font-weight: lighter;
	text-align: center;
	}
p {
	font-family: 'modern_joesephine_sans_lighlt';
	font-size: 15pt;
	color: #628a99;
	text-align: justify;
	text-indent: 35px;
	padding-left: 40px;
	padding-right: 40px;
	line-height: 27pt;
}
h3 {
	font-family: 'cirgracelight';
	font-size: 22pt;
	color: #f5877e;
	font-weight: lighter;
	text-align: left;
	text-indent: 10px;
}
		#info_intro {
			display: block;
			width: 100%;
			height: auto;
		}
		#info_sub {
			display: table-row;
			width: 46%;
			margin-left: 2%;
			height: auto;
			float: none;
		}
		#info_sub_au {
			display: block;
			width: 46%;
			margin-left: 2%;
			height: auto;
			float: none;
		}
		#info_sub img {
			display: flex;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5%;
			width: 150px;
			height: auto;
		}
		#info_sub_au img {
			display: flex;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5%;
			width: 150px;
			height: auto;
		}
		#info_space {
			display: none;
		}
		#info_sub_long {
			display: table-row;
			width: 96%;
			margin-left: 2%;
			height: auto;
			float: none;
		}
 		#info_sub_long img {
			display: flex;
			position: relative;
			margin-left: auto;
			margin-right: auto;
			margin-top: 5%;
			width: 150px;
			height: auto;
		}
		ul {
			list-style-image: url('<?php echo get_bloginfo('template_directory');?>/IMG/li.png');
			list-style-position: outside;
			margin-left: 10%;
			margin-right: 10%;
		}
		li {
			font-family: 'modern_joesephine_sans_lighlt';
			font-size: 14pt;
			color: #628a99;
			line-height: 27pt;
			padding-bottom: 14px;
			padding-top: 14px;
		}

/* index */
.port_slideshow {
  position: absolute;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  z-index: -100; }

.slideshow-image {
  position: absolute;
  width: 100%;
  height: 100%;
  background: no-repeat 50% 50%;
  background-size: cover;
  animation-name: kenburns;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 35s;
  opacity: 1;
  transform: scale(1.2); }
  .slideshow-image:nth-child(1) {
    animation-name: kenburns-1;
    z-index: 4; }
  .slideshow-image:nth-child(2) {
    animation-name: kenburns-2;
    z-index: 3; }
  .slideshow-image:nth-child(3) {
    animation-name: kenburns-3;
    z-index: 2; }
  .slideshow-image:nth-child(4) {
    animation-name: kenburns-4;
    z-index: 1; }
  .slideshow-image:nth-child(5) {
    animation-name: kenburns-5;
    z-index: 0; }

@keyframes kenburns-1 {
  0% {
    opacity: 1;
    transform: scale(1.2); }
  1.25% {
    opacity: 1; }
  18.75% {
    opacity: 1; }
  21.25% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); }
  98.75% {
    opacity: 0;
    transform: scale(1.2117647059); }
  100% {
    opacity: 1; } }
@keyframes kenburns-2 {
  18.75% {
    opacity: 1;
    transform: scale(1.2); }
  21.25% {
    opacity: 1; }
  38.75% {
    opacity: 1; }
  41.25% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); } }
@keyframes kenburns-3 {
  38.75% {
    opacity: 1;
    transform: scale(1.2); }
  41.25% {
    opacity: 1; }
  58.75% {
    opacity: 1; }
  61.25% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); } }
@keyframes kenburns-4 {
  58.75% {
    opacity: 1;
    transform: scale(1.2); }
  61.25% {
    opacity: 1; }
  78.75% {
    opacity: 1; }
  81.25% {
    opacity: 0;
    transform: scale(1); }
  100% {
    opacity: 0;
    transform: scale(1.2); } }
@keyframes kenburns-5 {
  78.75% {
    opacity: 1;
    transform: scale(1.2);
	transform-origin: 75% center;}
  81.25% {
    opacity: 1; }
  98.75% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(1);} }
		.land_slideshow, #index_landscapelogobkg {
			display: none;
		}
		.port_slideshow{
			display: block;
		}
		#index_Portraitlogobkg{
			display: block;
			top: 0px;
			width: 100vw;
			text-align: center;
		}
		#index_Portraitmenu {
			display: block;
			position: fixed;
			bottom: 10%;
			width: 100%;
			text-align: center;
		}
		#index_Portraitmenu img {
			padding-left: 2%;
			padding-right: 2%;
			width: 20%;
		}
		#index_Portraittag {
			background: white;
			position: fixed;
			bottom: 0px;
			display: block;
			height: auto;
			width: 100%;
			text-align: center;
			height: 8%;
		}
		#index_Portraittagwrapper {
			display: flex;
			height: 100%;
			width: auto;
		}
		#index_Portraittag img {
			display: flex;
			margin-top: auto;
			margin-bottom: auto;
		}

/* shared style */
	html, body {
		margin: 0;
		height: 100%;
		overflow: hidden
	}
	img {
		max-width: 100%;
		max-height: auto;
		min-width: 0;
		min-height: auto;
	}
	#container {
		z-index: 100;
		width: 100vw;
		height: 100vh;
	}
		#landscapemenu, #landscape_logo, #landscape_photo, #au_landscape_photo {
			display: none;
		}
		#portrait_photo {
			display: block;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: -100;
			height: 25vh;
			width: 100vw;
			overflow: hidden;
			background-position: 50% 50%;
			background-size: cover;
			background-repeat: no-repeat;
		}
		#portrait_logo {
			display: inline-block;
			position: absolute;
			bottom: -5px;
			left: 0px;
			width: 100vw;
			height: auto;
		}
		#portrait_logo img {
			width: 100vw;
			height: auto;
		}
		#content_container {
			display: inline-block;
			position: absolute;
			top: 25vh;
			left: 3vw;
			z-index: 100 !important;
			height: 60vh;
			width: 94vw;
			overflow-y: auto;
			margin-left: 0;
		}
		#Portraittag {
			background: white;
			z-index: 600;
			position: fixed;
			bottom: 0px;
			display: block;
			height: auto;
			width: 100%;
			text-align: center;
			height: 8%;
		}
		#Portraittagwrapper {
			display: flex;
			height: 100%;
			width: auto;
		}
		#Portraittag img {
			display: flex;
			margin-top: auto;
			margin-bottom: auto;
		}
		#Portraitmenu_open {
			z-index: 800;
			display: block;
			position: fixed;
			bottom: 6%;
			left: 0px;
			width: 100vw;
			height: auto;
		}
		#Portraitmenu_open img {
			display: flex;
			width: 12vw;
			height: auto;
			margin-left: auto;
			margin-right: auto;
		}
		#Portraitmenu_Wrapper {
			display: none;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 800;
		}
		#Portraitmenu_fade {
			display: inline;
			position: fixed;
			top: 0;
			left: 0;
			width: 100vw;
			height: 100vh;
			z-index: 200;
			background-color: rgba(255,255,255,0.65);
		}
		#Portraitmenu {
			display: block;
			position: fixed;
			bottom: 6%;
			width: 100%;
			height: auto;
			padding-top: 5%;
			padding-bottom: 5%;
			text-align: center;
			z-index: 500;
			background-color: white;
		}
		#Portraitmenu img {
			padding-left: 2%;
			padding-right: 2%;
			width: 20%;
		}

/* about us */

		#au_portrait_photo {
			display: block;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: -100;
			height: 25vh;
			width: 100vw;
			overflow: hidden;
			background-position: 100% 50%;
			background-size: 120%;
			background-repeat: no-repeat;
		}

/* contact */

		#cu_portrait_photo {
			display: block;
			position: fixed;
			top: 0px;
			left: 0px;
			z-index: -100;
			height: 25vh;
			width: 100vw;
			overflow: hidden;
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
		}
		.cu_form {
			display: block!important;
			width: 70% !important;
			height: auto!important;
			margin-left: auto!important;
			margin-right: auto!important;
		}
		.wpforms-field-label {
			font-family: 'modern_joesephine_sans_lighlt';
			font-size: 20pt;
			color: #628a99;
		}
		.wpforms-field-sublabel, .wpforms-field-description {
			font-family: 'modern_joesephine_sans_lighlt';
			font-size: 10pt!important;
			color: #628a99;	
		}
		.wpforms-submit-container {
			text-align: center;
		}
		.wpforms-submit {
			font-family: 'cirgracelight';
			font-size: 20pt!important;
			color: #f5877e!important;
			font-weight: lighter;
			background-color: white!important;
			border-radius: 50px!important;
			border: 1px solid #628a99!important;
		}
		.wpforms-submit:hover {
			color: white!important;
			background-color: #628a99!important;
		}
.wpforms-confirmation-container-full {
	display: block!important;
	width: 275px!important;
	height: 275px!important;
	text-align: center!important;
	vertical-align: middle!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-top: 25%!important;
	background-color: white!important;
	border-radius: 50%!important;
	border: 1px solid #f5877e!important;
}.wpforms-confirmation-container-full p {
	display: block!important;
	font-size: 19pt!important;
	text-align: center!important;
	vertical-align: middle!important;
	text-indent: 0px!important;
	line-height: 45px!important;
}