/*
Theme Name: Armata Child
Theme URI: http://creativthemes.com/downloads/armata/
Template: armata
Author: Creativ Themes
Author URI: http://creativthemes.com/
Description: Armata is a stylish blogging theme designed for every modern lifestyle blog, fashion blog, and travel blog website. You can unleash your inner fashionista and blog about everything and anything.
Tags: translation-ready,custom-background,theme-options,custom-menu,threaded-comments,featured-images,footer-widgets,left-sidebar,editor-style,right-sidebar,full-width-template,two-columns,three-columns,custom-colors,custom-header,custom-logo
Version: 1.2.1752617569
Updated: 2025-07-15 22:12:49

*/
/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 567px) {
	.grid-container {
		grid-template-columns:
		repeat(2, minmax(200px, 1fr));
		border:3px solid yellow;}
}

@media screen and (min-width: 767px) {
	
}

@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1024px) {
  .right-sidebar #secondary, .left-sidebar #secondary {
    width: 25%;
    float: right;
  }
}
@media screen and (min-width: 1024px) {
  .right-sidebar #primary, .left-sidebar #primary {
    width: 75%;
    float: left;
    padding-right: 30px;
  }
}
.entry-content {
  margin-top: 0;
  padding-left: 15px;
}

/** Header fonts  **/
h1 {font-size:2.3em!important;
font-weight:600;
text-transform:uppercase;}

h2 {font-size:1.8em;
font-weight:500;
text-decoration:underline;
}

h3 {font-size:1.5em;
font-weight:500}

/** Link and Arrow to next item **/
.next-item {float:right;
border-radius: 5px;
border:none;}

/** list styles square and numbers  **/
ol.square li {list-style-type: square; font-weight:normal;}
ol.numbers li {list-style-type: decimal;font-weight:normal;padding:8px 0px; }
ol.close-numbers li {list-style-type: decimal;font-weight:normal; }
.black-mix {background: linear-gradient(darkgreen,grey);
	
}

.wrapper {
  width: 85%;
  max-width: 1270px;
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
 background-color:lightyellow;
}
body {
  font-family: 'Lora', serif;
  font-weight: 600;
}


body {background-color:black!important;}

}

/** Remove Featured Image from Top of Single Post **/
.wp-post-image {display:none;}
.featured-image: margin-bottom:0px;

/** padding top on single post **/
.section-gap {margin: 15px 0px;}

/** single post image and list parallel **/

.post-img {width:49%; display:inline-block;
vertical-align:middle;}

.post-short {
	width:49%; 
	display:inline-block;
	vertical-align:middle; 
	font-size:medium; 
	float:right;
	font-size:0.9em;}


ol.square {list-style-type: square;}

/** buttons **/
.check-it-out {
    color: #fff;
    text-transform: capitalize;
    padding: 6px 0px;
    border-radius: 5px;
    width: 160px;
	height: 35px;
	margin:0 auto;
    margin: 10px 0px 0px;
}
.check-button {
    border-radius:5px;
	width: 155px;
	font-size:1.0em;
	padding:2px!important;
	margin: 6px 0px 6px;
	border-color:black
}
/** buttons for post in post-short class  **/
.green-mix {background: linear-gradient(green,darkgreen);}
.zombie-button {background: linear-gradient(green,darkgreen); border:1px solid darkgreen;}

.red-mix {background: linear-gradient(red,darkred);}
.blue-mix {background: linear-gradient(blue,darkblue);}
.black-mix {background: linear-gradient(black,red);}
.rust {background: #9d2f3c;}
.mustard {background: #c5884f}
.darkblue {background:darkblue;}
.darkgreen {background:darkgreen;}
.superdrug-pink {background:#ee008e;}
.frozen-blue {background:#8fc1e4;}
.frozen-purple {background:#58377c;}
.redbubble-red {background:#ff596f;}

.background-grey {background:grey;}
.background-green {background: #008000;}
.shadow {
  -moz-box-shadow:    1px 1px 3px 1px #000000;
  -webkit-box-shadow: 1px 1px 3px 1px #000000;
  box-shadow:         1px 1px 3px 1px #000000;
}
/** position **/
.center {text-align:center;}
.clear-both {clear:both;}

/** zombie ratings  **/
.rating-box {
  display: block;
  width: 100%;
  background-color: transparent;
}
.rating {display:inline-block; vertical-align:middle; width:50px;}
.rating-text {display:inline-block;width:auto;vertical-align:middle;text-align:left;}
.rating-box ul {padding:0;}

/** Count downs on top 10s **/
.postid-32903 {counter-reset: my-sec-counter 11;}

.numb-descends::before {
  counter-increment: my-sec-counter -1;
  content: '\00a0' "# " counter(my-sec-counter) " ";
  padding:0px;
  margin-right:0px;
	}

/** Text Decorations **/
.underline {text-decoration:underline;}

/** delimiters **/
.gold-box {
	border-bottom:3px solid #ba8538;
	}


/** hide entry meta data **/
.entry-meta {display:none;}

/**VIDEOS PLAYER  **/
.ZP-video a {
	
	position: absolute;
	display:block;
	background: url('/wp-content/uploads/2023/07/Red-Play-Button-67x47-29-July-2023.png') no-repeat;
    background-color:transparent;
    height: 100px;
	width:100px;
	top:50%;
    left:50%;
	margin: -40px 0px 0px -40px;
	text-align:center;
	}
.ZP-video a:hover {
	
	background: url('/wp-content/uploads/2023/07/Black-Play-Button-67x47-29-July-2023.png') no-repeat;
    background-color:transparent;
    }

.ZP-video {position: relative; text-align:center;}
.ZP-video img {
	border:10px solid gold;
}


/*
 * end of video play button
 */
/** Light box for videos **/
.pop-up1 {text-align:center;}
.apple-button {
	width: 160px; height: auto;  border-radius:5px; 
}

audio {
    display: block;
    vertical-align: bottom;
	height:40px;
	margin-bottom:10px;
	}
audio::-webkit-media-controls-enclosure {width:100%;border-radius:0px;background-color:transparent;}
audio::-webkit-media-controls-panel {opacity:1.0; background-color: rgba(255,255,255,0.7); bottom:0;}
audio::-webkit-media-controls-play-button {height:80%; background-color:white; opacity:1.0; color:#000;}

.section-gap {padding:0px;}

/** Costume Post Format **/
.post-costume-img {display:inline-block; 
vertical-align:middle; width:46%;padding:0px; text-align:center;}

.post-costume-short{display:inline-block; 
vertical-align:middle; 
	width:25%;
text-transform:capitalize;
font-weight:500;
}
.post-costume-short ul, li {list-style:none;}

/** Video classes for custom video player **/
/** ---------------------------------------------------  **/
.video-mobile {width:98%;}

#mySoundBtn {
 	width: 40px;
	font-size: 18px;
	padding: 10px;
	border: none;
	background: #000;
	color: #fff;
	cursor: pointer;
   }

#mySoundBtn:hover {
  background: #ddd;
  color: white;
	background-color:darkred;
}

video#myMobileVideo {
  object-fit: cover;
   position: absolute;
  top: 0;
  left:0;
  height: 100%;
  width: 100%;
	}

.video-wrapper {
  width: 100%;
  height: 460px;
  position: relative;
  overflow: hidden;
   display: flex;
  align-items: left;
  justify-content: left;
}
.video-header{
  position: relative;
  color: white;
  text-shadow: 1px 1px 8px rgba(0,0,0,0.6);
  width:100%;
  height:460px;
  display:flex;
  }
.video-header span {
	background-color: rgba(163,163,163,0.3);
	width:100%;
	align-self: flex-end;
	font-size:1.2em;
	font-weight:500;
	margin-right:20px;
	margin-left:10px
	}

.sound-buttons {
	font-size:0.8em;
	font-weight:400;
	text-align:right;
	width:100%;
	}
.mobile_sound-buttons {
	font-size:0.8em;
	font-weight:400;
	text-align:right;
	}
/**  end of custom video player styles  **/

/** added 12 August 2025  **/
/** ===================  **/



/** Links  **/
a {
    color: #d0312d;
    text-decoration-line:none;
}

a:hover,
a:focus,
a:active {
    color: #000;
}

a:focus {
    outline: thin dotted;
}


/** Header fonts and colors  **/

.site-description {display:inline-block;}
.site-description {
	color: #fff;
	font-family: Griffin,cursive;
	margin-left:4px;
	flex-grow:1;
font-size: 1.4em;
}

.site-title {
	font-family:Griffin, cursive;
font-size:2.8em!important;
text-transform:capitalize;
color:white;
display:inline-block;
vertical-align:middle
	flex-grow:1;
}

.site-title a {color:#41e163;
	display:inline-block;
	
}

.site-title a:hover {
	color:#099b28;}

.site-logo {
	display:inline-block;
	vertical-align:middle;
}
/**  end of header colors   **/

.grinch-fun-facts {
  border-radius: 5px;
  padding: 10px 5px;
  background-color: transparent;
  width: 100%;
  border-style: double;
  border: 2px solid #099b28;
  box-shadow: 1px 1px 20px 1px #099b28 inset;
  margin:0 auto;
}

.amazon-button {background-color:purple; }
}

.shadow {text-shadow :1px 1px black;}

.archive-format {
	text-align:center;
	text-decoration:underline;
margin: 15px 0px 15px 0px;}

.category-description {
	padding:0px 15px;
}
.site-main.blog-posts-wrapper {
	margin-top:20px;
}

.next-item {margin-right:2px;
  margin-top: 10px;
}


.blog-posts-wrapper .post-item {
 border:none;
}


.post-edit-link {
	padding-left:10px;
}

@font-face {
    font-family: 'Griffin';
    src: url('/wp-content/themes/armata-child/fonts/Griffin.eot');
    src: url('/wp-content/themes/armata-child/fonts/Griffin.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/armata-child/fonts/Griffin.woff2') format('woff2'),
        url('/wp-content/themes/armata-child/fonts/Griffin.woff') format('woff'),
        url('/wp-content/themes/armata-child/fonts/Griffin.ttf') format('truetype'),
        url('/wp-content/themes/armata-child/fonts/Griffin.svg#Griffin') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/** Body Formats  **/

#content p {color:black;}

.wrapper {
	background-color:#fbfcf5;
  margin:0 auto;
	max-width:100%;
}
#content .wrapper {
	background-color: #fffddb;
}

/** format site branding and menu **/
.site-branding {
	background-color:black;
	text-align:center;
	margin:0px;
	padding:0px;
}

.site-branding .wrapper {
	background-color:black;
vertical-align:middle;
	padding-bottom:5px;
}



.main-navigation ul ul li a {
  padding: 10px 0pxpx 10px 35px;
  color: white;
  background-color: black;
	}
.main-navigation ul {
  list-style: none;
  background-color: black;
	
}

.site-info .wrapper {
	background-color:#000;
}
body {font-family:Lora,cursive;
}
/**background image from top to bottom visible  **/
body {
        background-image: url("https://www.realcoolcostumes.com/wp-content/uploads/2025/07/halloween-poster-6730456_1920.png");
        background-repeat: no-repeat;
        background-size: cover; /* or 'contain' or specific dimensions */
        background-position: center top; /* adjust as needed */
    }
#masthead {background-color:transparent;

}
.menu-toggle {
	background-color: #41e163;
	
}
.menu-toggle:hover,
.menu-toggle:focus {
  background-color: green;
}
/** hover on main menu bar **/

.main-navigation .wrapper {
	width:100%!important;
		}

.main-navigation ul.nav-menu {
	background-color:black;
}
.main-navigation ul {
	background-color:black;
}
.main-navigation .wrapper {
 background-color: black;
	border-top:1px solid white;
}

.main-navigation ul.nav-menu > li:hover >a {color:#41e163;}

.main-navigation ul.nav-menu > li.focus >a {color:#41e163!important;
}

/**  Navigation Colors **/
@media screen and (min-width: 1024px) {
  .main-navigation ul.nav-menu > li > a {
    text-align: center;
    padding: 10px 5px;
    color: white;
		background-color:black;

  }
}
.msin-navigation .nav-menu ul {
	margin:0 auto;
}
.main-navigation ul.nav-menu > li > a {
    color: white;
    text-transform: uppercase;
}
.main-navigation ul.nav-menu .current_page_item > a,
.main-navigation ul.nav-menu .current-menu-item > a,
.main-navigation ul.nav-menu .current_page_ancestor > a,
.main-navigation ul.nav-menu .current-menu-ancestor > a {
    color: #41e163;

}
/** menu color on hover **/ 
.main-navigation ul li:hover > a,
.main-navigation ul li.focus > a { background-color: black;
	 color: #41e163;
 }


button.dropdown-toggle {
	color:white;
}
.main-navigation ul.nav-menu > li:hover > a,
.main-navigation ul.nav-menu > li.focus > a {
    background-color: transparent;
}

.sub-menu li a:hover {
	background-color:#41e163!important;
	color:black!important;
  }

.post-navigation a:hover, 
.posts-navigation a:hover,
.post-navigation a:focus, 
.posts-navigation a:focus {
    color:#d0312d;
}



.section-gap {margin-top:20px;}
.anchor{
	display: block;
	position: relative; top: -180px;
	visibility: hidden;
}
.gold-border {
	width:98%;
	margin:0 auto;
	border-radius:5px;
	padding:0px 0px 20px;
	background-color:transparent;
	border-style: double;
	border-color:#ba8538;
	box-shadow:1px 1px 20px 1px #ba8538 inset;
	z-index:1000;
}
/** Main Body Formats  **/
body p{
	color:black;
	font-weight: 450;
}
.instructions {
	border:2px solid black;
	padding:0px 20px;
  border-radius:10px;
	background-color:rgba(0, 0, 0, 0.1);
}

.entry-content {
	padding:0px 10px;
}

/** end of main body formats  **/
/** Category and Tag Formats  **/

.tags-links {

	font-weight: 700;
  font-size: .9em;
  padding: 10px 0;
   width: 98%;
}
.tags-links a {
	background-color:green;
	border:1px solid black;
}
/** end of Category and Tag Formats  **/