/*
Theme Name: 海角社区黑料吃瓜 #210
Author: 海角社区黑料吃瓜 #210
Description: A WordPress theme developed for 海角社区黑料吃瓜 #210 based on The7 parent theme
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/*
* Since: 1.0.0
* Author: Jim Gasper
* Created: October 5, 2019
*/

/*
Table of Contents

Section 1 - Administrative Procedures
Section 2 - Board Policies
Section 3 - Top Bar
	Section 3.1 - Mini Widgets
	Section 3.2 - Logo
Section 4 - School Contacts
Section 5 - Mobile Navigation
Section 6 - Meeting Minutes
Section 7 - Meeting Videos
Section 8 - Scholarships
	Section 8.1 - Print Preview Dialog
Section 9 - Gravity Forms
Section 10 - Global elements
Section 11 - CSS Grids

*/


/*
Section 1 - Administrative Procedures
*/

.ap-document a,
.child-ap-document a
{
	text-decoration: none;
}

.ap-document a:hover,
.child-ap-document a:hover
{
	text-decoration: underline;
}

.child-ap-document
{
	padding-left: 20px;
}


/*
Section 2 - Board Policies
*/

.board-policy-document a,
.child-board-policy-document a
{
	text-decoration: none;
}

.board-policy-document a:hover,
.child-board-policy-document a:hover
{
	text-decoration: underline;
}

.child-board-policy-document
{
	padding-left: 20px;
}

/*
Section 3 - Top Bar
*/

	/*
	Section 3.1 - Mini Widgets
	*/
	@media screen and (max-width: 778px)
	{
		.masthead .top-bar .mini-widgets > * {
		    margin: 0 10px 10px !important;
		}
	}

	/*
	Section 3.2 - Logo
	*/
	@media screen and (max-width: 1150px)
	{
		.show-device-logo .branding img.mobile-logo, 
		.show-device-logo .mobile-branding img.mobile-logo
		{
			display: none;
		}
	}

/*
Section 4 - School Contacts
*/
.single-school-picture-wrapper
{
	text-align: center
}

.single-school-contact-heading:not(.first)
{
	margin-top: 15px;
}

.single-school-contacts .page-title-breadcrumbs
{
	/*Hide breadcrumbs on single school contact page*/
	display: none;
}

/*
Section 5 - Mobile Navigation
*/
.mobile-main-nav .next-level-button
{
	color: #FFFFFF !important;
}

/*
Section 6 - Meeting Minutes
*/

.meeting-minutes-document a
{
	text-decoration: none;
}

.meeting-minutes-document a:hover
{
	text-decoration: underline;
}

/*
Section 7 - Meeting Videos
*/

.meeting-video-link a
{
	text-decoration: none;
}

.meeting-video-link a:hover
{
	text-decoration: underline;
}

/*
Section 8 - Scholarships
*/
.scholarship-info-container
{
	display: none;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	background: #F5F5F5;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	margin-bottom: 20px;
	
}

.scholarship-actions
{
	overflow: hidden;
}

i.application-available
{
	color: green;	
}

	/*
	Section 8.1 - Print Preview Dialog
	*/

	@media only screen and (max-width: 990px)
	{
		/*
		hide the Print Preview button on mobile devices
		*/
		.showPrintPreview
		{
			display: none;
		}

	}

	#print-modal 
	{
		background-color: #f7f7f7;
		position: absolute;
		left: 50%;
		margin: 0 0 0 -465px;
		padding: 0 68px;
		width: 794px;
		box-shadow: 0 0 20px #000;
		-moz-box-shadow: 0 0 20px #000;
		-webkit-box-shadow: 0 0 10px #000;
	}

	#print-modal-controls 
	{
		border: 1px solid #ccc;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		top: 60px;
		left: 50%;
		margin: 0 0 0 -162px;
		position: fixed;
		padding: 5px 0;

	}

	#print-modal-controls a 
	{
		color: #FFF;
		display: block;
		float: left;
		height: 32px;
		text-decoration: none;
		text-indent: -999em;
		width: 80px;
	}

	#print-modal-controls a.print 
	{
		background: url(/wp-content/themes/pssd-division/images/print_preview_dialog/icon-print.png) no-repeat 50% 50%;
	}

	#print-modal-controls a.close 
	{
		background: url(/wp-content/themes/pssd-division/images/print_preview_dialog/icon-print-close.png) no-repeat 50% 50%;
	}

	#print-modal-content 
	{
		margin: 68px 0;
		border: none;
		height: 100%;
		overflow: hidden;
		width: 100%;
		background: #f7f7f7;
	}

	#header strong 
	{
		color: #000;
		display: block;
		font-weight: normal;
		font-size: 3em;
		margin: 0 0 1em;
		padding: 0;
	}

	#print-modal iframe .scholarship-actions
	{
		display: none;
	}

/*
Section 9 - Gravity Forms
*/
.gform_wrapper .ginput_complex label, 
.gform_wrapper .gfield_time_hour label, 
.gform_wrapper .gfield_time_minute label, 
.gform_wrapper .gfield_date_month label, 
.gform_wrapper .gfield_date_day label, 
.gform_wrapper .gfield_date_year label, 
.gform_wrapper .instruction
{
	color: inherit;
}

.gform_wrapper .ginput_complex .ginput_left input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
.gform_wrapper .ginput_complex .ginput_right input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
.gform_wrapper .ginput_complex .ginput_right select, 
.gform_wrapper .ginput_complex input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not([type=file]), 
.gform_wrapper .ginput_complex select,
.gform_wrapper .gform_body input[type=text], 
.gform_wrapper .gform_body input[type=tel], 
.gform_wrapper .gform_body input[type=url], 
.gform_wrapper .gform_body input[type=email], 
.gform_wrapper .gform_body input[type=number], 
.gform_wrapper .gform_body input[type=password],
.gform_wrapper textarea
{
	background-color: white;
	border: 1px solid #b6b7b9;
	border-radius: 5px;
}

/*
Section 10 - Global Elements
*/
.content input[type="text"], 
.content input[type="search"], 
.content input[type="tel"], 
.content input[type="url"], 
.content input[type="email"], 
.content input[type="number"], 
.content input[type="date"], 
.content input[type="range"], 
.content input[type="password"], 
.content select, 
.content textarea, 
.content .wpcf7-number
{
	background-color: white;
	border: 1px solid #b6b7b9;
	border-radius: 5px;	
}

/* 
Section 11 - CSS Grids
*/
.band 
{
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(1,1fr);
	grid-template-rows: auto;
	grid-gap: 10px;
 	transition: all .33s;
  
}

@media only screen and (min-width: 768px) 
{
	.band 
	{
		/* 2 column layout */
		grid-template-columns: repeat(2,1fr);
	} 
}

@media only screen and (min-width: 991px) 
{
	.band 
	{
		/* 3 column layout */
		grid-template-columns: repeat(3,1fr);
	}
}

/* configure the different grid item transitions */
.school-grid-item.none,
.staff-grid-item.none
{

}

.school-grid-item.fade_in,
.staff-grid-item.fade_in
{
	animation: fadeInFromNone .7s ease-out;
}

.school-grid-item.move_up,
.staff-grid-item.move_up
{
	transform: translateY(200px);
    animation: dt_moveUp .55s ease-in-out forwards;
}

.school-grid-item.scale_up,
.staff-grid-item.scale_up
{
	transform: scale(.6);
	animation: dt_scaleUp .57s ease-in-out forwards;
}

.school-grid-item.scale,
.staff-grid-item.scale
{
	transform: scale(.4);
	animation: dt_popUp .9s ease-in forwards;
}

a.school-image,
a.staff-image,
.thumb
{
	overflow: hidden;
}

.card 
{
	min-height: 100%;
	display: flex;
	flex-direction: column;
	text-decoration: none;
	position: relative;
	top: 0;
	/*transition: all .1s ease-in;*/
}

.card .article 
{
	padding: 10px;
	display: flex;
	text-align: center;
	flex: 1;
	justify-content: space-between;
	flex-direction: column;

}

.staff-grid-item .card .thumb
{
    transition: transform .5s ease;
    padding-bottom: 60%;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;	
}

.school-grid-item .card .thumb 
{
	transition: transform .5s ease;
	padding-bottom: 60%;
	background-size: cover;
	background-position: center center;
}

.card .thumb:focus,
.card .thumb:hover
{
	transition: transform .5s ease;
	transform: scale(1.1);
}

.card p 
{ 
	flex: 1; /* make p grow to fill available space*/
	line-height: 1.4;
}

.staff-grid-item .post-details.details-type-link,
.school-grid-item .post-details.details-type-link
{
	float: none;
}

.staff-grid-item .team-author-name
{
	font-weight: bold;
}

.staff-grid-item p.team-position
{
	color: #e4173e;
}