/*
Theme Name: WEW
Author: Andrew Hopkins
Description: WEW custom wordpress theme Sept 2022
*/

/*@import url('assets/fonts/fonts.css');*/


/* colors */
:root {

	--site-bg-color:  #131313;
	--text-color: #CCC;
	--text-color-dark: #666;
	--text-color-light: #999;
	--color-green: #0F0;
}


body {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size:  1em;
	line-height: 1.4;
  color: var(--text-color);
  background-color: var(--site-bg-color);
}


h1, h2, h3{
	line-height: 1;
}

h1{
	font-size: calc(19px + 1vw);
}
h2{
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 21px;
   font-weight: normal;
}

h3{
	font-size: 15px;
	color: #fff;
  font-weight: bold;
}

p{
	margin-bottom: 1.4em;
}



a{
	line-height: 1;
	text-decoration: none;
	outline: none;
}

a:hover{
	color: white;
	/*border-bottom: 1px dotted #fff;*/
}



/* page / post */

.page-content,
.post-content{
	font-size:  1em;
	line-height:  1.4;
}

.page-content p{
	font-size: 15px;
}

.page-content h2{
	line-height: 1.2;
	margin-bottom: 12px;
}

.page-content a:not(.shorts-item > a, #films-by-genre a, #films-by-year a, #news-by-category a, #news-by-month a, .post-meta-sub a){
	font-size: 11px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px dotted #f6f;
	
}
.page-content a.int-link{
	border-bottom: 1px dotted #0f0;
}

.page-content a.unstyle-link{
	border-bottom: 0 none!important;
}

.page-content .sidebar{
	width: 225px;
	padding-top:5px;
}

.page-content .main{
	width: 720px
}

.page-content .main img,
.page-content .main img{
	display: inline-block;
	line-height: 0;
	width: 100%;
	height: auto;
}


table{
	margin-bottom: 20px;
}

td{
  width: 50%;
  text-align: left;
  vertical-align: top;
}

td > ul{
	padding-right: 30px;
}


.main .section-cols{
	gap: 15px;
}
.main .section-cols > .title-col,
.main .section-cols > .main-col{
	border-top: 1px #333 dotted;
	padding-top: 10px;
}
.main > section:first-child .title-col,
.main > section:first-child .main-col{
	padding-top: 0;
	border-top: none;
}
.main .section-cols > .title-col{
	width: 225px;
	padding-top: 8px;
}
.main .section-cols > .main-col{
	width: 480px;
}
	

/* global media queries */
	@media screen and (max-width: 35.4em) {
		
		tr{
			display: flex;
			flex-wrap: wrap;
		}
		td{
    	width: 100%;
  	}
  	
		.w-box {
    	padding-left: 0px;
    	padding-right: 0px;
		}
	}

	@media screen and (min-width: 35.5em) and (max-width: 47.9em) {

		.w-box {
    	padding-left: 0px;
    	padding-right: 0px;
		}

		tr{
			display: flex;
			flex-wrap: wrap;
		}
		td{
    	width: 100%;
  	}
	}

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

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

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

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