/*
Theme Name: cryoconite
Description: custom theme cryoconite using the parent theme Twenty Seventeen
Author: Graham Peters
Author URI: cryoconiteholes.grahampeters.co.uk
Template: twentyseventeen
Version: 0.1
*/

/* 16-02-2018 - cryoconite theme */

/* 07-02-2018 -not very good */ /* 
@media screen and (min-width: 48em) {
   .navigation-top.site-navigation-fixed ul li:hover > ul,
   .navigation-top.site-navigation-fixed ul li.focus > ul {
       top: 100px;
   }
}
@media screen and (min-width: 48em) {
   .main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
       left: -6.5em;
       right: auto;
       top: -100px;
   }
} */
/* from wordpress.org/support/topic/twentyseventeen-menu */
/* from wordpress.stackexchange.com/questions/266255/problem-with-submenu-position-when-nav-bar-is-at-the-bottom */

/* 07-02-2018 - Simple Masonry Layout plugin */
.sm-post-title {
	font-size: 14pt !important; /* was 20px? or 20pt? */ /* does not work without !important? */
	text-decoration: none !important; /* does not work without !important? does not work at all */
}

/* 07-02-2018 - Simple Masonry Layout plugin */
.sm-meta-part {
	font-size: 11pt; /* 10pt 12pt */
}

/* 07-02-2018 - Simple Masonry Layout plugin */
.sm-grid .grid-sm-boxes-in {
	/* width: 33.33%; */ /* 21% */ /* 40% */ /* default is 33.33% */ /* setting explicit value seems to prevent collapse */
}
/* from wordpress.org/support/topic/number-of-columns-10 */ /* .sm-grid .grid-sm-boxes-in { display: block; float: left; padding: 8px; width: 21%; } */ /* instead of the default 33.33% value which delivers 3 columns */

/* 07-02-2018 - Simple Masonry Layout plugin */
.sm-grid-boxes-quote {
	display: none;
}

/* 06-02-2018 - Simple Masonry Layout plugin */
.sm-meta-date {
	display: none;
}

/* 02-02-2018 */
/* !important seems to be important i.e. necessary */
h1, h2 {
	text-transform: none !important; /* none !important replaces uppercase */
}
h1 {
	/* font-size: 1rem !important; 1rem !important replaces 0.875rem */
}
h2 {
	font-size: 0.7857rem !important; /* 0.7857rem !important replaces 0.6875rem */
}
/* only need h1 and h2? not h3, h4, h5, h6 */
/* did not work without !important:
.page .entry-title - .page-title - div - p - h* - h5 - * - .widget-title - .entry-title - .site-main
not yet checked if they work with it */

/* 01-02-2018 */
.site-title {
	text-transform: none; /* none replaces uppercase */
}
