/*
Theme Name: OT for Kids
Theme URI: http://www.ot-for-kids.com.au
Author: Hugh Todd, with thanks to the WordPress team
Author URI: http://constructedmeaning.com
Description: A child theme of TwentySeventeen for OT for Kids NSW website
Template: twentyseventeen
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/
@import url(../twentyseventeen/style.css);

button, input[type="button"], input[type="submit"] {
background-color: #384a91;
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
box-shadow: none;
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
box-shadow: none;
text-decoration: underline;
color: currentColor;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/


/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/


/* Site branding */


.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	top: -20px;
}

.custom-header-media:before {
display:none !important;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}

.site-brand {
position:absolute;
bottom: 0;
margin-bottom: -20px;
z-index: 10;
}
.site-brand a {
text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}
.site-brand a:hover {
opacity:0.85;
}
.custom-logo-link img {
	display: inline-block;
	max-height: 200px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img,
body.title-tagline-hidden.has-header-image .custom-logo-link img,
body.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-width: 200px;
}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height: 60vh;
}
.has-header-image .custom-header, .has-header-video .custom-header, .has-header-image.blog .custom-header, .has-header-video.blog .custom-header {
height: 50vh;
}
.has-header-image.twentyseventeen-front-page .custom-header img, .has-header-video.twentyseventeen-front-page .custom-header img, .has-header-image.home.blog .custom-header img, .has-header-video.home.blog .custom-header img {
min-width: 100%;
}

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
min-width:100%;
min-height: 65vh;
height:auto;
max-height: auto;
}

.ot4k {
text-transform: uppercase;
font-size: 0.8em;
font-weight: 600;
}

@media (orientation: landscape) {
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height: calc(100vh - 104px);
}
.has-header-image .custom-header, .has-header-video .custom-header, .has-header-image.blog .custom-header, .has-header-video.blog .custom-header {
height: calc(100vh - 104px);
}

  .has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    min-height: calc(100vh - 104px);
  }
}

.main-navigation {
background-color: rgba(255,255,255,0.5) !important;
}

.wp-block-media-text__content p {
padding: 1em 0;
}

.mapholder {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
margin-bottom: 1rem;
}
.mapholder iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		object-position: 50% -10px;
		top: 0;
}
}

.site-footer {
background-color: #384a91;
}
.site-footer .widget-area {
display:flex;
flex-direction: column-reverse;
background: url('images/flying-boy-bgrd.png') no-repeat 100% 6.5em;
background-size: 70%;
}
.site-footer h2.widget-title {
color:white;
font-size: 1rem;
margin-bottom: 1.8em;
}
.site-footer .textwidget {
color: #fff;
}
.site-footer .widget-area .widget a {
color: #fff;
}
.site-footer input[type="search"] {
border: none;
}
.social-navigation a {
background-color: rgba(255,255,255,0.2);
}
.footer-widget-1>.widget {
padding-bottom: 1.2rem;
}
.footer-widget-2 .widget {
padding-bottom: 0;
}
.social-with-text a {
display:flex;
}
.social-custom {
width:40px;
flex: 1 0 auto;
margin-right: 0.5em;
}
.social-with-text a:hover .social-text {
text-decoration: underline;
}
.site-footer .widget-area .social-with-text a {
box-shadow: none !important;
}
.social-with-text a:hover .social-custom {
box-shadow: transparent;
}
.social-text p {
margin-bottom: 0;
}
.social-with-text .f-circle {
fill: rgba(255,255,255,0.3);
transition: fill 0.5s;
}
.social-with-text a:hover .f-circle {
fill: rgba(255,255,255,1);
transition: fill 0.5s;
}
.f {
fill: #384a91;
}

/* Special custom features */

.prompt {
max-width: 20rem;
margin-left: auto;
margin-right: auto;
background: #384a91;
color: white;
padding: 2rem;
border-radius: 50%;
transform: rotate(10deg);
position: relative;
}
.prompt::before {
position: absolute;
bottom: -1rem;
left:1rem;
content:"";
width: 10rem;
height: 8rem;
background: #384a91;
border-radius: 50%;
z-index: -1;
}
.prompt::after {
position: absolute;
top: -1rem;
right:1rem;
content:"";
width: 10rem;
height: 8rem;
background: #384a91;
border-radius: 50%;
z-index: -1;
}
.prompt div {
text-align: center;
transform: rotate(-10deg);
}
.prompt h3 {
color: white;
margin:0;
}
.prompt p {margin:0}

.sharon-phone {white-space: nowrap;}

.prompt a {
color: white;
text-decoration: underline;
}
.prompt a:hover {
text-decoration: wavy underline;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/


@media screen and (min-width: 48em) {

	/* Site Branding */

body, button, input, select, textarea {

}
.page .panel-content .entry-title, .page-title, body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 26px;
font-size: 1.625rem;
}
div.custom-header {
margin-bottom: 69px !important;
}
.home div.custom-header {
margin-bottom: 0 !important;
}
.site-brand {
margin-bottom: 0;
bottom: 5px;
}
.home .site-brand {
margin-bottom: 0;
bottom: 75px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	top: -60px;
}
/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
   object-position: 50% -50px;
   top: 0;
}
}

.single-featured-image-header {
	border-bottom: none;
}

.navigation-top {
border-bottom: none;
border-top: none;
background: #384a91;
}
.site-header .navigation-top .menu-scroll-down {
color: #fff;
}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
height: 55vh;
}
.has-header-image.twentyseventeen-front-page .custom-header img, .has-header-video.twentyseventeen-front-page .custom-header img, .has-header-image.home.blog .custom-header img, .has-header-video.home.blog .custom-header img {
min-width: 100%;
}

.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
min-width:100%;
height:auto;
max-height: auto;
}



@media (orientation: landscape) {

.has-header-image .custom-header, .has-header-video .custom-header, .has-header-image.blog .custom-header, .has-header-video.blog .custom-header {
height: 55vh;
}
}



.navigation-top .wrap {
padding: 0 2em;
}
.main-navigation ul li,.main-navigation ul li:last-child {
text-transform: uppercase;
}
.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #fff;
bottom: 0;
}
.main-navigation {
background-color: #384a91 !important;
}
.main-navigation ul ul {
border: 1px solid #fff;
background:#384a91;
}
.main-navigation ul li li,.main-navigation ul li li:last-child {
border: none;
margin-right: 0;
}
.main-navigation a, .main-navigation li li a {
color: white;
padding: 1.75em 1.4em;
background: #384a91;
transition: 0.5s background;
}
.navigation-top .current-menu-item > a, .navigation-top .current_page_item > a {
color:#fff;
opacity:0.7;
}
.main-navigation a:hover {
color:white;
background: #1d2a61;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
}

		/* Layout */
.site-branding .wrap {
max-width: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding,
.site-branding {
z-index: 10;
}

.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
position:relative;
top:1.5em;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img,
body.title-tagline-hidden.has-header-image .custom-logo-link img,
body.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-width: 350px;
}
.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 300px;
}

.site-footer .widget-area {
background: url('images/flying-boy-bgrd.png') no-repeat 100% 100%;
background-size: auto;
flex-direction: row;
}
}



@media screen and (min-width: 64em) {

.main-navigation a, .main-navigation li li a {
color: white;
padding: 1.75em 2em;
}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-video .custom-header, .has-header-image.home.blog .custom-header, .has-header-image.blog .custom-header, .has-header-video.home.blog .custom-header, .has-header-video.blog .custom-header {
height: 59vh;
}

.home .site-content>.wrap {
display:flex;
max-width: 1200px;
padding-left: 2rem;
padding-right: 2rem;
}
.home .panel-content>.wrap {
max-width: auto;
padding-left: 0;
padding-right: 3rem;
}
.home #secondary {
padding-top: 6rem;
flex: 0 1 30%;
}


}
@media screen and (min-width: 80em) {

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-image .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-video .custom-header, .has-header-image.home.blog .custom-header, .has-header-image.blog .custom-header, .has-header-video.home.blog .custom-header, .has-header-video.blog .custom-header {
height: 75vh;
}
}