/*
Theme Name:     Dyad 2 (Child)
Theme URI:      https://wordpress.com/themes/dyad-2/
Description:    Child theme of the 'Dyad 2' theme (WordPress version)
Template:       dyad-2-wpcom
Author:         Captain Chaos (i.e. me)
Author URL:     http://svkoko.com
Version:        1.0.0
License:        GNU General Public License v2 or later
License URL:    http://www.gnu.org/licenses/gpl-2.0.html
Tags:           lightweight
Text Domain:    dyad-2
*/



/***************************************************
*
*   Set typography for site title
*
***************************************************/
.site-title {
    font-size: 50px;
    font-family: "Open Sans", Montserrat, Roboto, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: bold;
}



/***************************************************
*
*   Set typography for main navigation menu
*
***************************************************/
.main-navigation a {
    font-size: 20px; 
    font-family: "Open Sans", Montserrat, Roboto, "Helvetica Neue", Helvetica, sans-serif;
}



/***************************************************
*
*   Set typography for headings
*
***************************************************/
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "Open Sans", Montserrat, Roboto, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 300;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 15px;
}



/***************************************************
*
*   Adjust width of single pages without thumbnails
*   (e.g. the Home page)
*
***************************************************/
.home.is-singular .entry-inner, body:not(.has-post-thumbnail).is-singular .entry-inner, .is-singular.single-format-image .entry-inner, .is-singular.page-template-eventbrite-index .content-area {
    max-width: 900px;
}



/***************************************************
*
*   Format Blog page that displays PredictWind 
*   Tracking Map in full screen mode
*
*   !!! Set correct PageID for the Blog page displaying
*   the map (currently that page is is 1697) !!!
*
***************************************************/

/* Display map on full screen width */
.page-id-1697 .iframe-wrap {
  width: 100vw;  /* Full viewport width */
  margin-left: calc(50% - 50vw);  /* Center the content */
}


/* Do not display title/header on this particular page */
.page-id-1697 .entry-header {
    display: none;
}


/* Remove the horizontal line at top of content */
.page-id-1697 .entry-content:before {
    display: none;
}


/* Remove icon on top of content */
.page-id-1697 .entry-inner:before {
    display: none;
}
.page-id-1697 .site-content:before {
    display: none;
}

/* Remove yellow/orange dot on top of content */
.page-id-1697 .entry-inner:after {
    display: none;
}
.page-id-1697 .site-content:after {
    display: none;
}


/* Adjust padding on top of the map so that map displays          */
/* directly under the semi-transparent navigation header          */
/* Also adjust background color to match color of navigation menu */
.page-id-1697 .site-content {
    padding-top: 55px !important;
    padding-bottom: 0px !important;
    background-color: #292c2f;
}



/***************************************************
*
*   Adjustments for Photonic gallery plugin
*
*   Avoid unexpected spaces between galleries in buggy
*   Safari browser
*
*   See https://wordpress.org/support/topic/unexpected-spaces-between-galleries-on-safari/
*
***************************************************/
.photonic-stream { display: block !important; }



/***************************************************
*
*   Remove blue line above text in site banner
*
***************************************************/
/*
.banner-custom-header .site-banner-header h1::before {
	background: none;
}
*/



/***************************************************
*
*   Change accent color
*
***************************************************/
/*
is-singular .post-navigation .nav-links::after, pre::before, .menu-toggle::before, #cancel-comment-reply-link::before, .posts .entry-inner::before, .is-singular .entry-inner::before, .error404 .entry-inner::before, .page-template-eventbrite-index .page-header::before, .single-event .entry-header::before, .post-table-of-contents a::before, .bypostauthor .comment-author::before, .post-navigation a::before, .posts-navigation .nav-previous a::before, .posts-navigation .nav-previous a::after, .posts-navigation .nav-next a::before, .posts-navigation .nav-next a::after, .comment-edit-link::before, .comment .reply::before, .jetpack-social-navigation ul a::before, .link-more a {
  background-color: #8b626d;
}
*/



/***************************************************
*
*   Adjust PredictWind Tracking Map
*
*   Set framing for PredictWind tracking page embed
*   See https://codepen.io/anon/pen/BoPbXp 
*
***************************************************/
/*
.iframe-wrap{
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 59%;
}

.iframe-wrap iframe {
    max-width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
*/



/***************************************************
*
*   Avoid floating text around left/right-aligned images on
*   mobile devices
*
*   See https://www.abrightclearweb.com/align-images-and-text-in-wordpress-gutenberg/
*
***************************************************/
@media (width < 500px) {
    .wp-block-image .alignleft,
    .wp-block-image .alignright {
        float: none;
        
    }
}

/* Original code from Web site above
@media only screen and (max-width: 767px) {
    .wp-block-image .alignleft,
    .wp-block-image .alignright {
        float: none;
        
    }
}
*/