/*! Custom Military Child CSS - 2018 YOKO */


body {
	width: 100% !important;
}
.gr__tooltip {
	display: none !important;
}
.row.l-main {
	margin: 0 auto;
}

.slideshow-text-welcome {
	opacity: 1.0;
    background: rgba(0, 0, 0, 0.6);
}

.slideshow-text-welcome h1 {
	
}

.slideshow-text-welcome h6 {
	
}
/***** Header *****/
.f-topbar-fixed {
	padding-top: 0px !important;
}
.contain-to-grid {
	-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
	z-index: 500;
	position: fixed;
}

nav.top-bar ul.title-area li.name h1 a,
nav.top-bar ul.title-area li.name h1 a.active {
	max-height: 70px;
	overflow-y: hidden;
}


/***** Header serch box *****/
ul#main-menu.main-nav.right li.has-form form div.row.collapse div.large-8.small-9.columns input#nav-input {
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
ul#main-menu.main-nav.right li.has-form form div.row.collapse div.large-4.small-3.columns button#nav-button {
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.row.l-main {
	position: relative;
	z-index: 0;
	padding-top: 70px;
}


div.panel-pane.pane-block.pane-block-28 div.pane-content {
	height: auto;
    margin: -20px 0 0;
}

.page-about .panel-pane.pane-block.pane-block-28 {
    height: 290px;
	min-height: 290px;
}

.advertisment1 {
	text-align: left !important;
	padding:  0 1.5em;
}

.advertisment2 {
	text-align: right !important;
	padding:  0 1.5em;
}

/***** slideshow *****/
.row.l-main {
	background-color: #e5e5ef;
}
/***** slideshow *****/
.slideshow-images-author-box {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
/***** dots *****/
.slick-dotted.slick-slider {
	margin-bottom: 0.5rem;
}
.slick-dots {
	top: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	position: relative;
}
.slick-dots li {
	vertical-align: top;
}
/***** sponsors panel *****/
.panel-pane.pane-block.pane-block-28 {
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}
.view-military-child-2018 .block-content {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.gallery-images {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: -45px;
}
.gallery-images-author-box {
	-webkit-border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	border-radius: 0 0 6px 6px;
}
ul.pager.pager--infinite-scroll {
	margin-left: 0px !important;
}
.pager--infinite-scroll li.pager__item a {
	margin-left: 0;
	margin-right: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.no-image-gallery-images {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}
.no-image-gallery-images {
	position: relative;
	min-height: 365px;
}
.no-image-gallery-images-author-box {
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	bottom: 0;
	position: absolute;
	width: 100%;
}
.views-field.views-field-field-upload-image div.field-content .gallery-images,
a.colorbox.init-colorbox-processed.cboxElement,
li.entity_pager_prev,
li.entity_pager_next {
	-webkit-transition: opacity 300ms ease-in-out;
	-moz-transition: opacity 300ms ease-in-out;
	-o-transition: opacity 300ms ease-in-out;
	transition: opacity 300ms ease-in-out;
}
.views-field.views-field-field-upload-image div.field-content .gallery-images:hover,
a.colorbox.init-colorbox-processed.cboxElement:hover,
li.entity_pager_prev:hover,
li.entity_pager_next:hover {
	opacity: 0.7;
	filter: alpha(opacity=70); /* For IE8 and earlier */
}
.pager--infinite-scroll li.pager__item a {
	-webkit-transition: 300ms ease-in-out;
	-moz-transition: 300ms ease-in-out;
	-o-transition: 300ms ease-in-out;
	transition: 300ms ease-in-out;
}
.pager--infinite-scroll li.pager__item a:hover {
	background: #3d84c7;
}
/***** community sites buttons *****/
div.japan-button button {
	background-color: #465365;
	border: 3px solid #496c85;
	color: #fff;
}
div.japan-button button:hover {
	background-color: #486278;
	border: 3px solid #496c85;
}
div.okinawa-button button {
	background-color: #465365;
	border: 3px solid #8c5e4e;
	color: #fff;
}
div.okinawa-button button:hover {
	background-color: #6f5a57;
	border: 3px solid #8c5e4e;
}
div.korea-button button {
	background-color: #465365;
	border: 3px solid #3b7b80;
	color: #fff;
}
div.korea-button button:hover {
	background-color: #406b75;
	border: 3px solid #3b7b80;
}
div.guam-button button {
	background-color: #465365;
	border: 3px solid #34738d;
	color: #fff;
}
div.guam-button button:hover {
	background-color: #3b667d;
	border: 3px solid #34738d;
}
div.europe-button button {
	background-color: #465365;
	border: 3px solid #844851;
	color: #fff;
}
div.europe-button button:hover {
	background-color: #6b4d59;
	border: 3px solid #844851;
}
/***** footer *****/
.row.l-footer-columns {
	height: auto !important;
}
div.page footer.l-footer.panel.row {
	padding: 0px;
	min-width: 100%;
	margin: -159px auto 0px auto;
}

.row.l-footer-columns {
	margin-top: 2rem;
}

div.page footer.l-footer.panel.row div.footer.columns {
	
}

.footer.columns {
	margin: 0px;
	max-width: 100%;
	padding-top: 20px;
	width: 100%;
}

.japan-button button, .okinawa-button button, .korea-button button, .guam-button button, .europe-button button {
    padding: 10px 5px;
}


.st_facebook_custom, .st_twitter_custom, .st_googleplus_custom, .st_email_custom {
	position: relative;
	webkit-transition: opacity 200ms ease-in-out;
	-moz-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
	margin-right: 10px;
}

.st_email_custom {
	margin-right: 0px !important;
}

.st_facebook_custom:hover, .st_twitter_custom:hover, .st_googleplus_custom:hover, .st_email_custom:hover {
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
}
/***** individual page *****/
.page-node .image-text-node-wrapper {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	padding-bottom: 110px;
}
div.views-field.views-field-field-upload-image div.field-content div.node-momc div.image-text-node-wrapper div.node-body {
	background: #fff;
}
div.views-field.views-field-field-upload-image div.field-content div.node-momc div.image-text-node-wrapper div.node-body * {
	font-family: "Nunito", sans-serif !important;
}
/***** Forms styling *****/
input[type="checkbox"] + label, input[type="radio"] + label {
	vertical-align: middle;
}
.page-contact div.pane-content form#contact-site-form.user-info-from-cookie.contact-form {
	background-color: #fff !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	padding: 0.5rem 1.5rem;
	max-width: 730px;
	margin: 0px auto 1.5rem;
}
form#contact-site-form {
	background-color: #fff !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 40px;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-shadow: none;
	transition: none 0s ease 0s;
}
.page-contact div fieldset.captcha.form-wrapper:before {
	content: "";
	display: block;
	margin: 15px -1.5rem 30px;
	border-top: 2px solid #ccc;
}
.page-node-add-month-of-the-military-child #edit-field-upload-image-und-0-upload {
	width: auto;
	height: auto;
	vertical-align: middle;
}
.page-contact div fieldset.captcha.form-wrapper {
	margin: 0 0 50px;
}
.page-contact .fieldset-description {
	margin: 0 auto 10px;
}
div#edit-captcha-form.form-item.form-type-item {
	text-align: center;
}
div#edit-captcha-form.form-item.form-type-item div#adcopy-outer {
	margin: 0px auto;
}
button#edit-submit.secondary.button.radius.form-submit {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 0px auto 15px !important;
}

div.panel-pane.pane-contact div.pane-content form#contact-site-form.user-info-from-cookie.contact-form div div.form-item.form-type-textarea.form-item-message {
	margin-bottom: 4rem;
}


#edit-field-upload-image-und-0-upload-button:hover, button#edit-submit.secondary.button.radius.form-submit:hover {
	background-color: #36af9a !important;
}
/***** Submit styling *****/
.page-node-add-month-of-the-military-child #edit-field-author-s-age-over-13-und {
	margin: 0.3rem 0.1rem;
	vertical-align: top;
}
div.form-item.form-type-checkbox.form-item-field-author-s-age-over-13-und label.option {
	margin-bottom: -2px;
}
#edit-field-upload-image-und-0-upload-button {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.page-node-add-month-of-the-military-child #month-of-the-military-child-node-form {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	padding: 0.5rem 1.5rem;
	max-width: 730px;
	margin: 190px auto 30px;
}
.page-node-add-month-of-the-military-child .node-month_of_the_military_child-form #edit-actions {
	background: #f0f0f6;
    border-radius: 0 0 6px 6px;
    height: auto;
    margin: 30px -1.5rem -8px;
    padding: 30px 0 15px;
    width: auto;
}
div.image-widget-data {
	float: none;
	width: 100%;
	padding-right: 35%;
	position: relative;
}
.page-node-add-month-of-the-military-child #edit-field-upload-image-und-0-upload-button {
	position: absolute;
	right: 3px !important;
	left: auto;
	width: 30%;
}
.alert-box {
	margin-bottom: -1rem;
	margin-top: 6rem;
}
.alert-box .close {
	top: 1.5rem;
}
div.image-text-node-wrapper div.node-title h2 {
	padding: 0 2.5rem;
	font-weight: bold;
}

div.form-item.form-type-managed-file.form-item-field-upload-image-und-0 label {
    color: #865ce6;
    font-family: "Nunito",sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: bold;
    left: 0;
    line-height: 1.4;
    margin-bottom: 0.5rem;
    margin-top: 0.2rem;
    position: absolute;
    text-rendering: optimizelegibility;
    top: -2.7rem;
}

div.form-item.form-type-managed-file.form-item-field-upload-image-und-0 {
	background: #e6ebef;
    margin-bottom: 2rem;
    margin-top: 4rem;
    padding: 1.2rem 1.2rem 1.5rem 1.2rem;
    position: relative;
	border:1px solid #cccccc;
	border-radius: 4px;
}

/***** Ads section on Submit *****/
div.main.columns section.block.block-block.block-block-28 {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    background: rgba(0, 0, 0, 0) linear-gradient(303deg, #98c8ec 0%, #c1a8f3 100%) repeat scroll 0 0;
    border-radius: 10px;
	margin-bottom: 30px;
}

section.block.block-block.block-block-28 h2.block-title {
    color: white;
    font-size: 25.5px;
    font-weight: 500;
    text-align: center;
	position: relative;
    top: 140px;
}

section.block.block-block.block-block-28 div.advertisment-block {
    height: auto;
    margin: -20px 0 0;
}

/***** Article styling *****/
.view .entity_pager {
    margin: 0;
    padding: 0;
}

.panel-pane.pane-views.pane-military-child-2018-entity-pager {
    margin: -5.9rem auto 5rem;
    padding: 0rem;
	width: 100%;
    max-width: 730px;
	position: relative;
	background: #F0F0F6;
	-webkit-border-radius: 0px 0px 6px 6px;
	-moz-border-radius: 0px 0px 6px 6px;
	border-radius: 0px 0px 6px 6px;
	overflow: hidden;
}

.panel-pane.pane-views.pane-military-child-2018-entity-pager:before {
	content: "";
	width: 2px;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 0;
}

ul.entity_pager.count_word_many {
	height: 90px;
}

.entity_pager_prev, .entity_pager_next {
    background-image: url("../images/BlueArrows.png");
    background-repeat: no-repeat;
    height: 90px;
    overflow:visible;
    padding: 0;
    width: 45px;
}

.entity_pager_prev {
    margin-right: 0px !important;
}

ul.entity_pager.count_word_many li.entity_pager_prev {
	bottom:0;
    left: 22%;
    margin: 0;
    position: absolute;
	background-position: center left;
}

ul.entity_pager.count_word_many li.entity_pager_next {
	bottom:0;
    right: 22%;
    margin: 0;
    position: absolute;
	background-position: center right;
}

.entity_pager_prev a,
.entity_pager_next a {
    height: 100%;
    left: -350%;
    position: absolute;
    right: 0;
    top: -1%;
    width: 800%;
	
}

.entity_pager_prev a:hover,
.entity_pager_next a:hover {
	cursor: pointer;
}

div.Searchnotfound div.Searchnotfound-bkgrnd {
	margin-bottom: 40px;
}

@media only screen and (max-width: 1024px) {
.sticky nav.top-bar ul.title-area li.name h1 {
    width: 100% !important;
}

.top-bar .name h1 a, .top-bar .name h2 a, .top-bar .name h3 a, .top-bar .name h4 a, .top-bar .name p a, .top-bar .name span a {
	width: 100% !important;
}
}

@media only screen and (max-width: 480px) {
.sticky nav.top-bar ul.title-area li.name img.logo {
   padding-top: 3%;
}
}
/** for mobile **/

@media only screen and (min-width: 481px) and (max-width: 729px) {
.sticky nav.top-bar ul.title-area li.name img.logo {
   margin-top: -2%;
}

.top-bar-section {
    position: absolute;
    right: -1rem;
}
	
ul#main-menu {
    width: auto;
	padding-right: 1rem;
}
}
/** for tablet **/

@media only screen and (min-width: 720px) and (max-width: 920px) {
.pane-block-28 h2.pane-title {
    padding: 20px 0px;
    width: 100%;
}
	
.pane-block-28 h2.pane-title {
    position: static;
	width: 100% !important;
}
	
div.panel-pane.pane-block.pane-block-28 div.pane-content {
    margin: 0;
}

.top-bar-section {
    position: relative;
	width: 101%;
}
	
ul#main-menu {
	float: right;
    width:auto;
	padding-right: 1rem;
}
}
/** for ipad mini portrait **/

@media only screen and (min-width: 990px) and (max-width: 1024px) {
.sticky nav.top-bar ul.title-area li.name img.logo {
   margin-top: -2%;
}

.top-bar-section {
    position: relative;
}

ul#main-menu {
    width: auto;
	padding-right: 1rem;
}
	
}
/** for ipad mini horizontal **/

@media only screen and (max-width: 730px) {
/***** Top page *****/
	.row.l-main {
    padding-top: 105px;
}
	
.slick-list {
    margin: 0 auto;
    width: 99%;
}
	
.gallery-images {
    margin: 0 auto;
}
	
	[class*="block-grid-"] > li {
    text-align: center;
}
	.gallery-images {
    margin-bottom: -40px !important;
}

/***** Individual page *****/
ul.entity_pager.count_word_many {
    height: 60px;
}
	.panel-pane.pane-views.pane-military-child-2018-entity-pager {
    margin: -4rem auto 2rem;
    max-width: 100%;
    padding: 0rem;
    position: relative;
    width: 100%;
}
	
	.entity_pager_prev, .entity_pager_next {
    height: 100%;
}
	
	
/***** Contact page *****/
	body.page-contact > div.panel-pane.pane-block.pane-block-20 div.pane-content div#contact_page_info_text p {
		display: block;
	}
	
	body.page-contact > div.row div.medium-12.columns div.panel-pane.pane-block.pane-block-20 p {
		display: none;
	}
	
	.page-contact .fieldset-wrapper {
    width: auto;
}
	
/***** Submit page *****/
	.page-node-add-month-of-the-military-child #edit-field-upload-image-und-0-upload-button {
    left: 0;
    position: relative;
    right: 0;
    width: 100%;
	height: auto;
    padding: 0.5rem;
}
	
div.image-widget-data {
    width: 100%;
	padding: 0;
}
	
/***** Ads block *****/
	.page-about .panel-pane.pane-block.pane-block-28 {
    height: auto;
    min-height: 100%;
	}
	
	.page-about .pane-block-28 h2.pane-title {
    padding: 0.5rem;
    top: 0;
    width: 100%;
}
	
	.pane-block-28 h2.pane-title {
		position: static;
		top: 0px;
		width: 100%;
		padding: 0.5rem;
}
	
	div.panel-pane.pane-block.pane-block-28 div.pane-content {
    margin: 0;
}
	.panel-pane.pane-block.pane-block-28 {
    height: auto;
}
	div.advertisment-block ul.small-block-grid-1.medium-block-grid-2.large-block-grid-2 {
		text-align: center;
	}
	
	div.advertisment-block ul.small-block-grid-1.medium-block-grid-2.large-block-grid-2 li {
		float: none;
		margin: 0px auto;
	}
	
	.advertisment1,
	.advertisment2{
    text-align: center !important;
}
	
/***** footer block *****/
	.row.l-footer-columns {
		height: auto;
		margin-top: 0rem;
		padding: 14px 0 0;
}
	
	div.japan-button button, div.okinawa-button button, div.korea-button button, div.guam-button button, div.europe-button button {
		width: 100%;
}
	
	div.footer-first section form ul li div button {
		margin: 0px;
	}
	
	section.block.block-sharethis.block-sharethis-sharethis-block {
		margin-bottom: 2rem;
	}
	
}
@media only screen and (max-width: 640px) {
	.slick-dots {
		top: -0.5rem;
	}	  
	.page-about .row.l-main {
		padding-top: 105px;
	 }
	.page-contact .momc-page-title h1 {
		margin-top: 50px;
	}
	.page-node-add-month-of-the-military-child .momc-page-title h1 {
		margin-top: 105px;
	}
	.page-search-node .view-header {
		margin-top: 55px;
	}
	.view-empty .momc-page-title h1 {
	margin-top: 50px;
	}
}
@media only screen and (max-width: 380px){
	.advertisment1, 
	.advertisment2 {
		padding: unset;
	 }
}