/*
Theme Name:     Topographica
Description:    Thème cartographique
Author:         Étienne Fortier-Dubois
Template:       stargazer

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/********************************************************************************************************
 * 2 - Fun Zone
 *
 * This section of the stylesheet is what I call the fun area.  For the most part, you should feel free
 * to overwrite the following in your child theme's `style.css` file if your design calls for it.
 * Specifically, this deals with fonts and colors.  Those things are really the things that give your
 * child theme its uniqueness.  Have fun with it.  Go wild!
 ********************************************************************************************************/

/**
 * 2.1 - Font Family Definitions
 *
 * This theme operates with three dinstinct font rules.  The "primary" font is used for the majority of
 * text throughout the theme.  The "secondary" font is used for handling secondary use cases.  The
 * "headlines" font is specific to h1-h6 headers (with the exception of #site-description).
 *
 * If building a child theme for public release with custom fonts, the child theme should define only the
 * font rules it needs.  Copy the specific section below that you want to overwrite into the child theme.
 * Make sure to include the `.font-*` class as this will maintain forward compatibility with future
 * changes in the parent theme.
 */

/* ====== Primary Font ====== */

.font-primary,
body,
input,
textarea,
.label-checkbox,
.label-radio,
.required,
#site-description,
#reply-title small {
	font-family: 'Georgia', 'Droid Serif', 'Lora', serif;
}

/* ====== Secondary Font ====== */

.font-secondary,
dt,
th,
legend,
label,
input[type="submit"],
input[type="reset"],
input[type="button"],
button,
select,
option,
.wp-caption-text,
.gallery-caption,
.mejs-controls,
.wp-playlist-item-meta,
.entry-byline,
.entry-footer,
.chat-author cite,
.chat-author,
.comment-meta,
.menu,
.breadcrumb-trail,
.media-info .prep,
.comment-reply-link,
.comment-reply-login,
.clean-my-archives .day,
.whistle-title {
	font-family:  'Helvetica', Arial, sans-serif;
}

/* ====== Headlines Font ====== */

.font-headlines,
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family:  'Helvetica', Arial, sans-serif;
}

/**
 * 2.2 - Color Definitions
 *
 * The following are all of the colors defined by the theme.  The only other colors are part of the theme
 * customizer options and should not be overwritten.  If needed, copy the specific sections below into
 * your child theme and make the necessary changes there.
 */

/*
 * Fun Zone: The colors below are safe to overwrite depending on what you need to do.  Have at it!
 */

/* ====== color: #656565 ====== */
/*main text*/

body,
.media-shortcode-extend .media-info,
.wp-playlist-dark .wp-playlist-item {
	color: #656565;
}

/* ====== border-color: #e3e3e3 ====== */

h1,
h2,
hr,
code,
pre,
.form-allowed-tags code,
fieldset,
legend,
input,
select,
textarea,
.gallery .gallery-icon a img,
.avatar,
.display-header-text #header,
.wp-custom-logo #header,
.entry,
.format-chat .chat-author,
.media-info li,
.wp-playlist-tracks,
.wp-playlist-item,
.archive-description,
.navigation,
.loop-nav,
#sidebar-subsidiary,
li.ping,
.comment-content,
.clean-my-archives .day-duplicate .day,
.whistles-tabs-nav li a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-tabs .whistles-tabs-wrap,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.whistles-toggle .whistle-content,
.whistles-accordion .whistle-content {
	border-color: #e3e3e3;
}

/* ====== color: #555 ====== */

h6,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a,
.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus,
.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title[aria-selected="true"],
label:hover,
label:focus,
label.focus,
.nav-links .current {
	color: #555;
}

/* ====== color: #858585 ====== */

caption,
td,
label,
input,
textarea,
select,
.gallery .gallery-caption,
.page-links,
.navigation,
.loop-nav,
.widget_recent_entries .post-date,
.widget-entry-views .entry-view-count,
.gallery-count,
.comment-respond .must-log-in,
.comment-respond .logged-in-as,
.comments-closed,
.comment-notes,
.form-allowed-tags,
.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title,
.wp-playlist-dark .wp-playlist-item-meta {
	color: #858585;
}

/* ====== background: #252525 ====== */
/*footer background*/

#menu-primary,
#menu-primary .search-form > div,
#footer,
.audio-shortcode-wrap,
.media-shortcode-extend .media-info,
.media-info-toggle,
.entry-content .media-info-toggle,
.media-info-toggle:hover,
.media-info-toggle:focus,
.wp-audio-shortcode.mejs-container,
.mejs-controls,
.mejs-volume-button .mejs-volume-slider,
.mejs-overlay-play .mejs-overlay-button::after,
.mejs-time-rail .mejs-time-float,
.wp-playlist-dark {
	background: #353535;
}

/* ====== background: transparent ====== */
/*???*/

hr,
.mejs-container,
.mejs-embed,
.mejs-embed body,
.mejs-overlay-button,
.mejs-controls > .mejs-button button:hover,
.mejs-controls > .mejs-button button:focus,
#menu-primary .menu-toggle button,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus,
#menu-primary .search-toggle,
#menu-primary .search-toggle:hover,
#menu-primary .search-toggle:focus  {
	background: transparent;
}

/* ====== background: #fff ====== */
/*main text background*/

html,
#container > .wrap,
#reply-title small a,
.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	background: #fff;
}

/* ====== Other colors ====== */

h1 { color: #303030; }
h2 { color: #666666; }
h3 { color: #404040; }
h4 { color: #454545; }
h5 { color: #505050; }

code {
	color:        #000;
	background:   #f6f6f6;
}

tr,
thead,
tfoot,
td { border-color: #f3f3f3; }

td { background: #fcfcfc; }

input[type="number"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
textarea,
select {
	background: #f3f3f3;
	border-color: #e3e3e3;
}

input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus,
select:focus {
	color:        #555;
	background:   #efefef;
	border-color: #d3d3d3;
}

.wp-caption .wp-caption-text {
	color:      #e3e3e3;
	background: rgba( 0, 0, 0, 0.75 );
}

.gallery .gallery-icon a img { background: #f9f9f9; }

.gallery-icon a:hover img,
.galley-icon a:focus img { background: #f3f3f3; }

#menu-primary .menu-toggle button { color: rgba( 255, 255, 255, 0.75 ); }

#menu-primary li a,
#menu-secondary li li a,
#menu-primary .menu-toggle button:hover,
#menu-primary .menu-toggle button:focus { color: rgba( 255, 255, 255, 0.75 ); }

@media only screen and (max-width: 1024px) {

	#menu-secondary .wrap,
	#menu-primary .search-form > div { background: #1f1f1f; }

	#menu-primary li a,
	#menu-secondary li a,
	#menu-secondary .menu-toggle button {
		color:        rgba( 255, 255, 255, 0.75 );
		background:   #1f1f1f;
		border-color: #1c1c1c;
	}

	#menu-primary li a:hover,
	#menu-secondary li a:hover,
	#menu-primary li a:focus,
	#menu-secondary li a:focus {
		color: #fff;
		background: #191919;
	}
}

#site-title a:hover,
#site-title a:focus { border-bottom-color: #d3d3d3; }

.entry-title,
.entry-title a { color: #252525; }

.entry-byline,
.entry-footer,
.comment-meta,
.wp-playlist-item-meta { color: rgba( 85, 85, 85, 0.75 ); }

.image-sizes .sep { color: #e3e3e3; }

.format-chat .chat-speaker-1 .chat-author,
.format-chat .chat-speaker-11 .chat-author { color: #3498db; }
.format-chat .chat-speaker-2 .chat-author,
.format-chat .chat-speaker-12 .chat-author  { color: #f1c40f; }
.format-chat .chat-speaker-3 .chat-author,
.format-chat .chat-speaker-13 .chat-author  { color: #e74c3c; }
.format-chat .chat-speaker-4 .chat-author,
.format-chat .chat-speaker-14 .chat-author  { color: #2ecc71; }
.format-chat .chat-speaker-5 .chat-author,
.format-chat .chat-speaker-15 .chat-author  { color: #f39c12; }
.format-chat .chat-speaker-6 .chat-author,
.format-chat .chat-speaker-16 .chat-author  { color: #9b59b6; }
.format-chat .chat-speaker-7 .chat-author,
.format-chat .chat-speaker-17 .chat-author  { color: #95a5a6; }
.format-chat .chat-speaker-8 .chat-author,
.format-chat .chat-speaker-18 .chat-author  { color: #16a085; }
.format-chat .chat-speaker-9 .chat-author,
.format-chat .chat-speaker-19 .chat-author  { color: #e67e22; }
.format-chat .chat-speaker-10 .chat-author,
.format-chat .chat-speaker-20 .chat-author  { color: #1abc9c; }

.archive-description {
	color:      #757575;
	background: #f9f9f9;
}

li.ping,
.comment-content { background: #f9f9f9; }

#footer a { color: rgba( 255, 255, 255, 0.75 ); }

.clean-my-archives .comments-number { color: #aaa; }

.whistles-tabs-nav li a,
.whistles-toggle .whistle-title,
.whistles-accordion .whistle-title { background: #f3f3f3; }

.whistles-tabs .whistles-tabs-nav li a:hover,
.whistles-tabs .whistles-tabs-nav li a:focus { background: #efefef; }

.whistles-tabs .whistles-tabs-nav li[aria-selected="true"] a {
	border-bottom-color: #fff;
}

.media-shortcode-extend .audio-info     { border-color: #202020; }
.media-shortcode-extend .media-info li,
.wp-playlist-dark .wp-playlist-item     { border-color: #353535; }
.wp-video-shortcode .mejs-controls,
.wp-playlist-dark .mejs-controls        { border-color: #151515; }
.mejs-time-rail .mejs-time-float        { border-color: #454545; }
.mejs-time-rail .mejs-time-float-corner { border-top-color: #fff; }

.whistles-toggle .whistle-title:hover,
.whistles-toggle .whistle-title:focus,
.whistles-toggle .whistle-title[aria-selected="true"],
.whistles-accordion .whistle-title:hover,
.whistles-accordion .whistle-title:focus,
.whistles-accordion .whistle-title[aria-selected="true"] {
	background: #efefef;
}

.mejs-time-rail .mejs-time-total,
.mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-volume-button .mejs-volume-slider .mejs-volume-total {
	background: #454545;
}

.mejs-time-rail .mejs-time-current { background: rgba( 255, 255, 255, 0.35 ); }

.mejs-overlay-play .mejs-overlay-button::after { text-shadow: 1px 1px 2px #151515; }

.mejs-button button:focus { outline-color: #555; }

	/* Menu colors */

	@media only screen and (min-width: 1025px) {

		.menu li > ul::before {
			border-right-color:  transparent;
			border-bottom-color: #252525;
			border-left-color:   transparent;
		}

		.menu li li > ul::before {
			border-top-color:    transparent;
			border-bottom-color: transparent;
		}

		.ltr .menu li li > ul::before { border-right-color: #252525; }
		.rtl .menu li li > ul::before { border-left-color:  #252525; }

		#menu-primary   li li a,
		#menu-secondary li li a {
			background:   #1f1f1f;
			border-color: #1d1d1d;
		}

		#menu-primary   ul ul li a:hover,
		#menu-secondary ul ul li a:hover,
		#menu-primary   ul ul li a:focus,
		#menu-secondary ul ul li a:focus { background: #191919; }

		#menu-primary .search-form .search-toggle::before {
			color: rgba( 255, 255, 255, 0.75 );
		}

		#menu-primary .search-toggle:hover::before,
		#menu-primary .search-toggle:focus::before { color: #fff; }

	}

/* =/=/=/=/=/= End fun zone. =/=/=/=/=/= */


/* ========== Start actual fun zone ============*/

/* Changes in the above:
* h2 color
* menu-primary color
*/

#site-description {
    opacity: 1;
		text-transform: lowercase;
}

header#header.site-header {
    /*background-color: #cc00cc;*/
    background-image: url("img/mount_silene_nb.png");
		background-size: 1100px;
}

#site-title {
	text-transform: uppercase;
}

/*Border below header image is removed: */
.display-header-text #header, .custom-header #header {
    border-bottom: 0px solid;
}

/*Top and bottom borders are removed: */
body {
    border-top: 0px solid;
    border-bottom: 0px solid;
}

a, .wp-playlist-light .wp-playlist-playing, .wp-embed-comments a, .wp-embed-share-dialog-open, .wp-embed a {
    color: #0099cc;
}

h1, h2 {
    margin-bottom: 1.5rem;
    padding-bottom: 0rem;
    border-bottom: 0px solid;
		line-height: normal;
}