/*
Theme Name: ldsSymbols
Theme URI: http://vectyr.com
Description: Foundational theme.
Version: 2.0
Author: Steve Reed
Author URI: http://vectyr.com
Tags: theme
*/

/*---------------------------------------------------------------------------
	>Often Used Styles
---------------------------------------------------------------------------*/

div[class^="col"]{padding-left:10px; padding-right:10px;}
.container {padding-left:10px; padding-right:10px;}
.row {margin-left:-10px; margin-right:-10px;}

/*---------------------------------------------------------------------------
	>Framework
---------------------------------------------------------------------------*/

body {
background:#eee;
overflow-x:hidden;
-webkit-font-smoothing: antialiased;
font-size: 100%;
}

html { -webkit-font-smoothing: antialiased; }

p, ul, ol, blockquote {
font-size: 1.8em;
line-height: 1.4em;
font-weight: 300;
}

h1 {
margin: 0 0 .6em;
padding: 0;
}

h2, h3, h4, h5
{
margin: 25px 0;
}  

.hentry ul,
.hentry ol,
.hentry p,
.hentry ul li,
.hentry ol li,
.hentry blockquote
{
margin: 15px 0;
}

h1 {font-size: 3em;}
h3 {font-size: 2em;}
h4 {font-size: 1.8em;}
h5 {font-size: 1.6em;}


#menu-header a,
#symbol-tile .symbol-image h2,
#menu-footer li a,
.symbol-name,
#symbol-page h2 
{font-family: "Roboto Condensed", sans-serif;}

#symbol-tile,
#tag-list a
{box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); }

/*---------------------------------------------------------------------------
	>Header
---------------------------------------------------------------------------*/


/*-----------------------------------
	>Nav
-----------------------------------*/

.navbar {min-height: inherit; border: none; background: #1F1F1F; margin: 0; border-radius: 0;}
#menu-header>li>a {font-weight: 500;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {background: transparent;}

/*---------------------------------------------------------------------------
	>Home
---------------------------------------------------------------------------*/

#symbol-list .container {text-align: center;}
#symbol-tile {display: inline-block;}
#symbol-tile:hover img {opacity: .9; -webkit-filter: brightness(120%); /*  filter: brightness(1.2); */}
#symbol-tile .symbol-image h2 {color: #fff; margin: 0; text-transform: uppercase; font-weight: 800;}
#symbol-tile .symbol-image {display: block; background: #fff;}
#symbol-tile .symbol-image img {height: auto;}
#symbol-tile .symbol-image:hover {text-decoration: none; }

/*---------------------------------------------------------------------------
	>Symbol Page
---------------------------------------------------------------------------*/

/* .single-post .symbol-name {text-transform: uppercase;} */
#wrapper {background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3);}
#symbol-page .container, #symbol-page .container .col-left {padding: 0;}
#symbol-page .col-left img {width: 100%; height: auto;}
#symbol-page .col-right p em {color: #777; font-size: 80%; line-height: 1.5em !important; display: inline-block; margin-top: .3em;}
.symbol-name {color: #1F1F1F; font-weight: 800; text-transform: uppercase;}
#symbol-page h2 {font-weight: 800; text-transform: uppercase;}

element.style {
}
.col-right ul {margin: 20px 0;}
.col-right li {margin: .4em 0 0 18px !important;}

#symbol-page .numbers {float: right; position: relative;}
#symbol-page .number {
float: right;
color: #fff;
border-radius: 100px;
background: #1F1F1F;
text-align: center;
font-weight: 800;
}

.tiled-gallery {
	margin: 0 !important;
}

.gallery {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2px;
	padding: 2px 0;
}

.gallery-item {
	width: inherit !important;
	margin: 0 !important;
}

.gallery br {
	display: none !important;
}

.gallery-item a {
	display: block;
}

.gallery-item a img {
	border: none !important;
}

.wp-caption-text {
	display: none !important;
}

.pswp__caption__text {
	font-size: 1.5em !important;
	line-height: 1.3;
	padding: 0.5em 0;
}

.tags {

}

.tags a {
font-size: 1.3em;
display: inline-block;
margin: 0;
color: white;
margin: 3px;
padding: 8px 10px 10px;
line-height: 1;
}

.tags a:hover {text-decoration: none;}

.ad img {width: 100%; height: auto;}

.ad:hover {opacity: .9;}

/*---------------------------------------------------------------------------
	>Aside
---------------------------------------------------------------------------*/

#sidebar_ads {padding: 20px 20px 0;}
#sidebar_ads img {margin: 0 0 20px;}

#symbol-sidebar ul {margin: 0;}
#symbol-sidebar li {list-style: none; margin: 0;}
#symbol-sidebar li a {padding: 1px; display: block; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); margin: 8px; background: #FFF;}
#symbol-sidebar li a:hover img {opacity: .8;}

/*---------------------------------------------------------------------------
	>Standard Page
---------------------------------------------------------------------------*/

#standard-page h1 {text-align: center;}
.jp-carousel-close-hint {width: 100% !important;}
.jp-carousel-close-hint span {position: absolute; right: 10px;}
#jp-carousel-comment-form, .jp-carousel-buttons {display: none !important;}

/*---------------------------------------------------------------------------
	>Tag List
---------------------------------------------------------------------------*/

.page-template-page-meanings #symbol-page {text-align: center;}
#tag-list {text-align: center; margin: 0;}
#tag-list li {list-style: none; display: inline-block; margin: 0;}
#tag-list a {display: block; color: #FFF; padding: 8px 10px; font-weight: 400; text-align: left;}
#tag-list span {float: right; opacity: .4; font-size: 80%; margin-left: 10px;}

/*---------------------------------------------------------------------------
	>Form
---------------------------------------------------------------------------*/

input[type="submit"] {padding: .5em 3em; font-size: 2em !important;}


/*---------------------------------------------------------------------------
	>Footer
---------------------------------------------------------------------------*/

footer {padding-top: 2em;}
#menu-footer {text-align: center;}
#menu-footer li {display: inline;}
#menu-footer li a {color: #FFF; opacity: .4;}
#menu-footer li a:hover {opacity: 1; text-decoration: none;}

.disclaimer {color: white; opacity: .2; padding: 20px 0 10px; font-size: 11px; max-width: 800px; margin: 0 auto; text-align: center;}
.disclaimer a {color: white;}

.copyright {text-align: center; color: #FFF; opacity: .2; padding: 1em 0 2em;}

/*---------------------------------------------------------------------------
  >Queries
---------------------------------------------------------------------------*/

/* MOBILE ONLY */ @media screen and (max-width: 768px) {

body {font-size: 90%;}
.full-only {display: none;}

.logo img {width: 160px; padding: 1em 2em;}
.navbar-nav {margin-top: 0; margin-bottom: 0;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {background: transparent; color: #fff;}
.navbar-nav .open .dropdown-menu {background: #1B1B1B;}
button.navbar-toggle {padding: 7px 20px 7px 15px; border: 0; margin: 0; font-size: 2em; color: #fff;}

#symbol-list {padding-top: 1em;}

#symbol-tile {margin: .6em .5em;}
#symbol-tile .symbol-image h2 {font-size: 1em; padding: .6em 0;}
#symbol-tile .symbol-image {width: 88px;}
#symbol-tile .symbol-image img {width: 100%;}

#symbol-page .numbers {right: 8px;}
#symbol-page .number {padding: 3px; width: 18px; height: 18px; margin-left: 7px; font-size: 11px;}
.symbol-name {font-size: 2em; margin: .5em 0;}
.single-post .symbol-name {padding-left: .8em;}
#symbol-page .col-right {padding: 0 2em 2em !important;}
#symbol-page h2 {font-size: 2.5em; margin: 1em 0 0;}

#symbol-sidebar {text-align: center; padding-bottom: 2em;}
#symbol-sidebar li {display: inline-block;}
#symbol-sidebar li a {margin: 5px;}
#symbol-sidebar img {width: 45px; height: auto;}

.col-right iframe {width: 100%;}

#tag-list li {width: 100%; margin: 0;}

.tags {text-align: center;}

#standard-page .col-right {padding: 2em;}
input[type="submit"] {width: 100%;}

#menu-footer li a {font-size: .8em; padding: 0 .5em;}

} /*--------------------------------------- End */

/* SMALL to MEDIUM */ @media screen and (min-width: 768px) and (max-width: 992px) {

#symbol-tile {margin: 1em;}
#symbol-tile .symbol-image {width: 165px;}
#symbol-tile .symbol-image img {width: 100%;}

#symbol-page .numbers {top: 8px; right: 10px;}
#symbol-page .number {font-size: 26px; padding: 6px; width: 42px; height: 42px; margin-left: 12px;}
.symbol-name {font-size: 5em; margin: 10px 0 20px;}
#symbol-page .col-right {padding: 3em !important;}
#symbol-page h2 {font-size: 2.5em;}
#symbol-sidebar {padding: .5em;}
/* #tag-list li {width: 48%;} */


} /*--------------------------------------- End */

/* MEDIUM to LARGE */ @media screen and (min-width: 992px) and (max-width: 1200px) {

#symbol-tile {margin: 1.5em;}
#symbol-tile .symbol-image {width: 162px;}
#symbol-tile .symbol-image img {width: 100%;}
#symbol-page .numbers {right: 14px;}
/* #tag-list li {width: 32%;} */


} /*--------------------------------------- End */

/* SMALL & BIGGER */ @media screen and (min-width: 768px){
	
header {margin-bottom: 20px;}
	
.mobile-only {display: none;}

.logo img {width: 185px; padding: 1em;}
#symbol-list .container {padding-left: 0; padding-right: 0;}
#symbol-tile .symbol-image h2 {font-size: 1.5em; padding: .8em 0;}

.single-post .symbol-name {padding-left: 15px;}
#symbol-page .col-right {padding: 0 3em 3em !important}
#symbol-page h2 {margin: 1em 0 0;}
.symbol-icon img {width: 100%; height: auto;}

#tag-list li {padding: 5px;}
#tag-list li a {border-radius: 3px;}
#standard-page .container {max-width: 768px;}
#standard-page .col-right {padding: 2em 3em 3em;}

#menu-footer li a {font-size: 1em; padding: 0 .8em;}

} /*--------------------------------------- End */

/* MEDIUM & BIGGER */ @media screen and (min-width: 992px) {

.symbol-name {font-size: 7em; margin: 20px 0;}
#symbol-sidebar {padding: 1.2em;}
#symbol-page .numbers {top: 17px;}
#symbol-page .number {font-size: 30px; padding: 8px; width: 50px; height: 50px; margin-left: 12px;}
#symbol-page h2 {font-size: 3.5em;}



} /*--------------------------------------- End */

/* LARGE & BIGGER */ @media screen and (min-width: 1200px) {

#symbol-tile {margin: 2em;}
#symbol-tile .symbol-image {width: 192px;}
#symbol-tile .symbol-image img {width: 100%;}
#symbol-page .numbers {right: 24px;}
/* #tag-list li {width: 24%;} */

} /*--------------------------------------- End */


/*---------------------------------------------------------------------------
	>Global Reset
---------------------------------------------------------------------------*/

html {overflow-y: scroll;}

*, 
html, 
body, 
div, 
dl, 
dt, 
dd, 
ul,  
pre, 
form, 
label, 
fieldset, 
input, 
blockquote, 
th, 
td {
-webkit-text-size-adjust: none;
margin:0; 
padding:0; 
font-family: "Roboto", Helvetica, Arial, sans-serif;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.aligncenter { 
display:block; 
margin:0 auto; 
text-align:center; 
}

.alignleft { 
float:left; 
margin:0 20px 5px 0; 
}

.alignright { 
float:right;  
margin:0 0 5px 20px; 
}

a img { /* Gets rid of IE's blue borders */
border:none 
} 

/*for FireFox*/
input[type="submit"]::-moz-focus-inner, 
input[type="button"]::-moz-focus-inner {  
border : 0px;
}

/*for IE8 */
input[type="submit"]:focus, 
input[type="button"]:focus {    
outline : none;
}

/*---------------------------------------------------------------------------
  >Firefox Styles
---------------------------------------------------------------------------*/

@-moz-document url-prefix() {
/* BEGIN FF STYLES */ 

/* END FF STYLES */ }

/*---------------------------------------------------------------------------
  >Retina Graphics
---------------------------------------------------------------------------*/

@media 
	only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2)
	{
/*BEGIN RETINA STYLES*/
	
/* END RETINA STYLES */}

/* used by the plugin */
.placeholder { color:#B4BDC9 }

/* webkit */
::-webkit-input-placeholder { color: #B4BDC9 }

/* firefox 4+ */
:-moz-placeholder { color: #B4BDC9 }

#symbol-tile .symbol-image h2,
#tag-list a,
.tags a
{
border-top: 1px solid #383838;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#353535+0,1f1f1f+100 */
background: #353535; /* Old browsers */
background: -moz-linear-gradient(top,  #353535 0%, #1f1f1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #353535 0%,#1f1f1f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #353535 0%,#1f1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
}

#symbol-tile:hover h2,
#tag-list a:hover,
.tags a:hover
{
text-decoration: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b5b5b+0,1f1f1f+100 */
background: #5b5b5b; /* Old browsers */
background: -moz-linear-gradient(top,  #5b5b5b 0%, #1f1f1f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #5b5b5b 0%,#1f1f1f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #5b5b5b 0%,#1f1f1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-9 */
}