/*
Theme Name: Mandy Scas #1
Author: MAUU ZETTA.
Author URI: https://mauuzeta.com
Description: 
Version: 
*/
-------------------------------------------------------------- */
    
@import url('httpss://fonts.googleapis.com/css2?family=Lacquer&display=swap');


div#qTip {
  	padding: 5px 10px;
   	display: none;
   	background: #060807;
   	color: #ffffff;
    font-family: 'PT Sans', sans-serif;	font-size: 9px;
   	position: absolute;
   	z-index: 1000;
	letter-spacing: 0.05em;
  	opacity:.80;
   	-moz-opacity:.80;
   	filter:alpha(opacity=80);
	line-height: 10px;
	text-align: center;
	border-bottom: 1px solid #000000;
}
::selection {
	background: #78a21a; 
	color: #000; text-shadow: #78a21a 1px 0px 0px;

}

::-moz-selection {
	background: #78a21a;
	color: #000; text-shadow: #78a21a 1px 0px 0px;

}::-webkit-scrollbar {
	width: 11px;
    height: 8px;
    border-width: 1px 5px;
    border-style: solid;
    border-color: #000;
    background: #000;
}
::-webkit-scrollbar-thumb {
    height: 40px;
    border: 5px solid #000;
	color:#000;		     	background-image:url("https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/news.png");

}

html{
	background-color:#efefef;  
	text-align: justify;
   font-family: 'Roboto Mono', monospace;	     font-size: 8.25pt; 
}
body {
    background: #000000 url(https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/7774.png) no-repeat center top;
    background-color:#000;
	margin-left: 0px; 
	font-family: 'Roboto Mono', monospace;	     
	font-size: 8.25pt; 	
	background-repeat: repeat-y;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-repeat: repeat-x;
    
}.news {
    background: #000000 url(https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/sitebg.png) no-repeat center top fixed;
    background-color:#000;
	padding: 5px; 
	font-family: 'Roboto Mono', monospace;	     
	font-size: 8.25pt; 	
	background-repeat: repeat-y;
	background-repeat: repeat-x;
    
}
    a{
	text-decoration: none;
	color: #bbbb65;
	-moz-transition-property: all;-moz-transition-duration: 1s;
	-webkit-transition-property: all;-webkit-transition-duration: 1s;
	-o-transition-property: all;-o-transition-duration: 1s;
	transition-property: all;transition-duration: 1s;
}
a:hover{
	color: #de0ade;
}
#navbar {
  background-color: #fff; 
  position: fixed;
  top: -50px;
  width: 100%; 
  transition: top 0.3s;
}

blockquote  {
	width: 95.76%;
	max-width: 100%;
	margin: 20px auto;
	padding: 12px 2%;
	background-color: transparent;
	color: #efefef;
	border: 1px dashed #bbbb65;
	position: relative;
	z-index: 15;
 	quotes: "\201C" "\201D" "\2018" "\2019";
}

blockquote:before {
	content: '\201C';
	font-size: 42px;
	font-weight: 700;
	position: absolute;
	top: 0; left: 0;
	margin: 4px 0 0 10px;
	padding: 0 2px;
	height: 1px;
	background-color: transparent;
	color: #de0ade;
 	text-align: center;
	display: inline-block;
	z-index: 25;
}

blockquote:after {
	content: '\201D';
	font-size: 42px;
	font-weight: 700;
	position: absolute;
	bottom: 0; right: 0;
	margin: 0 10px -1px 0;
	padding: 0 2px;
	height: 1px;
	background-color: transparent;
	color: #de0ade;
 	text-align: center;
	display: inline-block;
	z-index: 25;
}

blockquote p { margin: 0 !important; padding: 6px 0; }


blockquote > p:first-child {
	margin-top: 0;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

hr {
	height: 1px;
	color: #fff;
	border: 0;
	background-color: #000;
}

input,
textarea,
select {
	max-width: 100%;
	padding: 5px;
	border: 1px solid #dedede;
	background: #fff;
}

button,
input[type='reset'],
input[type='submit'],
input[type='button'] {
	font-size: 12px;
	line-height: 20px;
	padding: 5px 20px;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #fff;
	background: #000;
}

button:hover,
input[type='reset']:hover,
input[type='submit']:hover,
input[type='button']:hover,
button:focus,
input[type='reset']:focus,
input[type='submit']:focus,
input[type='button']:focus {
	color: #fff;
	border: 1px solid #212121;
	background: #212121;
}
/* OPTIONS
-------------------------------------------------------------- */
[data-title] {
  outline: red dotted 1px; /*optional styling*/
  font-size: 30px; /*optional styling*/
  
  position: relative;
  cursor: help;
}

[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  bottom: -26px;
  display: inline-block;
  padding: 3px 6px;
  border-radius: 2px;
  background: #000;
  color: #fff;
  font-size: 12px;
  font-family: sans-serif;
  white-space: nowrap;
}
[data-title]:hover::after {
  content: '';
  position: absolute;
  bottom: -10px;
  left: 8px;
  display: inline-block;
  color: #fff;
  border: 8px solid transparent;	
  border-bottom: 8px solid #000;
}
/* TITLE ANIMATION 
-------------------------------------------------------------- */

/* GENERAL SITE CONTENT
-------------------------------------------------------------- */

.site {
	max-width: 1200px;
	margin: 0 auto; 
    background-repeat: repeat; margin-top:-3px;
	background-color: #121212; }

.site-content {  
	background: transparent;
}

/* SITE CONTENT 2.0
-------------------------------------------------------------- */

.site-header {
    height: 829px;
    width: 100%;
    background-color:#transparent;
	background-position: center center;
	background-repeat: no-repeat;
	margin: 0 auto; 
	padding: 0;
	position: relative; 
	z-index: 30;
	background:transparent;

}
/* LATEST NEWS -----------*/

.latestnews {
	padding:20px;  
	float:center;
	width:98; 
	color:#418c88;
	background-color:#000;
 	border:0px solid #121212;
	position:relative; 
	font-family: 'Roboto Mono', monospace;	     
	font-size: 8.25pt; 
	text-align:justify;
	text-transform: uppercase;
}
.latestnews-show{
   text-align: justify;overflow: auto;
padding: 10px; background-color:#121212;
border-top: 2px solid #2584a4;
border-bottom: 2px solid #c7c71e;
color: #efefef;
text-align: justify;
 
}
.latestnews-show i{
color: #cb731a;
}

/* ENTRY CONTENT AREA
-------------------------------------------------------------- */

.content-area {	border-right: 0px solid #4d5f8f;
	float: right; margin-right:6px;
	width: 61.6%; 
	padding: 0 4%; 
	background: transparent;
}


/* POSTS AND STICKY
-------------------------------------------------------------- */

.post {
	margin: 14px 0 0px 0;
}

.sticky {
	position: relative;
}

.sticky-post:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0 0 0 10px;
	padding: 0 5px;
	content: 'Sticky';
	color: #fff;
	background: #000;
}

.entry-title2{
  background-color:#1d1d1d;
font-family: 'Roboto Slab', serif;
    text-transform: uppercase; 
font-size: 14px; WIDTH:1177PX;
font-weight:800;
text-shadow: rgba(255,255,255,0.01) 1px 1px 1px; 
padding:10px;
border-left:2px solid #bbbb65;
border-right:2px solid #bbbb65;
color:#fff;
padding-left:20px; }

/* -------------------GENERAL------------------- */

body{
	margin: 0px;
	color: #bbbb65;
	font-size: 10px;
}
strong{ color: #bbbb65;  }
em{ color: #bbbb65; }



/* PATTERNS CONTENT
-------------------------------------------------------------- */
.wp-pagenavi a, .wp-pagenavi a:link {padding: 5px;margin: 0px;background-color: #111111;font-size: 10px;line-height: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;border: 1px solid #222222;line-height: 18px;}.wp-pagenavi a:visited {padding: 5px;margin: 0px;background-color: #111111;font-size: 10px;line-height: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;border: 1px solid #222222;line-height: 18px;}.wp-pagenavi a:hover {padding: 5px;margin: 0px;background-color: #111111;font-size: 10px;line-height: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;border: 1px solid #222222;line-height: 18px;}.wp-pagenavi a:active {padding: 5px;margin: 0px;background-color: #111111;font-size: 10px;line-height: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;border: 1px solid #222222;line-height: 18px;}.wp-pagenavi span.pages {padding: 5px;margin: 0px;background-color: #111111;font-size: 10px;line-height: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;border: 1px solid #222222;line-height: 18px;}.wp-pagenavi span.current {padding: 5px;margin-top: 0px;background-color: #111111;font-size: 10px;line-height: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;border: 1px solid #222222;line-height: 18px;}.wp-pagenavi span.extend {padding: 5px;margin: 0px;background-color: #111111;font-size: 10px;line-height: 12px;font-family: Arial, Helvetica, sans-serif;color: #999;border: 1px solid #222222;line-height: 18px;}

}
img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

embed,
iframe,
object,
video {
	max-width: 100%;
	vertical-align: middle;
}

.wp-smiley,
.wp-smiley:hover,
.de0ade .wp-smiley,
.de0ade .wp-smiley:hover {
	margin: 0;
	padding: 0;
	opacity: 1;
	border: 0;
	border-radius: 0;
	background: none;
	box-shadow: none;
}

.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after {
	display: table;
	content: '';
}

.site-content:after,
.nav-links:after {
	clear: both;
}

.nav-next {
	display: inline-block;
	float: right;
	width: 49.5%;
	text-align: right;
	vertical-align: top;
}

.nav-previous {
	display: inline-block;
	float: left;
	width: 49.5%;
	vertical-align: top;
}

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

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

.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
	 /* -------------------SIDEBAR CONTENT------------------- */
.side-top{
	background-color:#f9faff;
	background-image:url("https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/s_01.jpg");
	background-position:top center;
	background-repeat:no-repeat;
    height:217px;
    max-height:216px;
    overflow:hidden;
}

.side-title{
	background-color: transparent;
	background-image:url("https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/sttl.png");
	background-position:top center;
	background-repeat:no-repeat;
    height:69px;
}
.sidebarcontent{
	background-color:transparent;
	background-image:url("https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/ssbg.png");
	background-position:top center;
	background-repeat:repeat;
    vertical-align:middle; 
    text-align: justify;
   font-family: 'Roboto Mono', monospace;	     font-size: 8.25pt; 
	text-align:justify;
    margin:28px;
   padding-bottom: 25px;
   padding-top: 9px;
   padding-left:26px;
      padding-right:26px;
   color: #a0a0a0;
   text-shadow: rgba(0,0,0,0.2) 0px 0px 0px;
   line-height: 19px;
   font-weight:300;}
}
.sidebarcontent ul {text-transform:  uppercase;text-align: left; }
.sidebarcontent .quote {margin:5px 0;padding: 2px;border: 1px solid lightgray;}
.sidebarcontent li {
    padding: 2px;
    margin: 1px 0;
    color: #fee300;
    background: #transparent;
        margin-left: -25px;    margin-right: 10px;
    transition: all .9s;-webkit-transition: all .9s;-o-transition: all .9s;-moz-transition: all .9s;overflow: hidden;letter-spacing: 1px;
        	border-bottom: 1px solid #cccccc;        	border: 1px solid #bbbb65;
text-transform:  uppercase;
}
.sidebarcontent bold, b, strong, .sidebar_thumb b, strong, bold{    
    color:#2d8ba3;}
.de0ade italic, i {
  color:#de0ade;
}
.sidebarcontent li i {color: inherit;padding: 0 0px;}
.sidebarcontent li:hover {background:#000;
    
}.elites a img {-webkit-filter: grayscale(70%); 
    	-moz-filter: grayscale(70%);
    	-o-filter: grayscale(70%);
    	-ms-filter: grayscale(70%);
	margin: 0px;background: transparent;
	padding: 3px;	 
     	     
}
.de0ade button,
.de0ade input[type='reset'],
.de0ade input[type='submit'],
.de0ade input[type='button'] {
	line-height: 17px;
}

.de0ade input[type='search'] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 10px;
}
.side-title .title {
    margin-left:106px;
    font-size:18px;
    text-transform:uppercase;
    font-family: "Oswald", sans-serif;
    font-weight:500;
    color:#fff;
    margin-top:45px;
    letter-spacing:0px;display: block;
}.sidebartitle{
    color: #000000;
    background-color: #EFEFEF;
font-family: 'Roboto Slab', serif;
    text-transform: uppercase; 
font-size: 12px;    
display: inline-block;	
font-weight:800;   
padding:6px;
    BORDER:1PX SOLID #EFEFEF;
    letter-spacing: 0.5px ;
    transition: all 0.5s ease;
    text-align:center;
}
.sidebarcontent strong, bold, b{color: #2d8ba3;}
.sidebarcontent  i, italic {color: #de0ade;}
.sidebarcontent a  {color: #fee300;}
.sidebarcontent a:hover {
    color: #f0e0de;
    -moz-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);
-khtml-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);
-webkit-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10); 
box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;
	line-height: 15px;border: 0px !important;
	
}.sidebarcontent li a{
    color: #ffffff;}

.sidebarcontent li {
    text-shadow: rgba(0,0,0,0.3) 1px 1px 1px; 
display: block;
padding: 12px; 
margin:3px;
padding-left:20px;
background: transparent;
border:1px solid #bbbb65;
margin-left: -40px;
color: #ffffff;
line-height: 15px;
text-align: center;
font-size: 12px;
transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;}
.sidebarcontent li:hover{background: #121212;}
.sidebarcontent li strong{color: #ffffff;}
.sidebarcontent blockquote{
    text-shadow: rgba(0,0,0,0.3) 1px 1px 1px;
    background: #121212;font-size: 11px;
-moz-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);
-khtml-box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);
-webkit-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10); 
box-shadow:1px 1px 6px 1px rgba(0, 0, 0, 0.10);transition-duration: 2s;
	-moz-transition-duration: 2s;
	-webkit-transition-duration: 2s;
	-o-transition-duration: 2s;
	line-height: 15px;border: 0px !important;
	
	
}
.sidebarcontent img a{
    brightness(30%);
    background-color:#121212;
    border:1px solid #fee300;
    padding:5px;
    margin:1px;
}
.sidebarcontent img{
 brightness(30%);
    background-color:#121212;
    border:1px solid #fee300;
    padding:5px;
        margin:1px;

}

.sidebarcontent img:hover{
-webkit-filter: opacity(.9); filter: opacity(.9);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;
        margin:1px;

}
/* -----------------------VIDEOS CONTENT----------------------- */
	.video {
	width: 100%;	display: block;
	max-width: 310px;	position: relative;
	margin: 9px auto 17px auto;
	z-index: 20;
}

.video img {
	width: 100%;	opacity: 1;	z-index: 20;
	position: relative;
}

.video::before {
	content: '';	z-index: 24;
	width: 88%; height: 150px;
	position: absolute;	display: block;
	left: 0; right: 0; top: 10px;
}


.videotop {
	width: 100%;	margin: -10px auto 0 auto;
	color: #000;	text-align: center;
	font-weight: 600;	text-transform: uppercase;
	display: table;
	position: relative; background-color: transparent;
}

.videotop span { max-width: 75%; background-color: #4a87ff; padding: 0 1vw; display: inline-block; position: relative; z-index: 25; text-shadow: #4a87ff 1px 0px 0px;
 }
.videotop::before {
	content: '-';
	position: absolute;	top: 0; left: 0; right: 0;
	width: 90%; height: 50%;
	border-width: 0 1px 1px 1px;	border-color: #f6e526;
	border-style: solid;	z-index: 20;
	margin: auto;	display: table-cell;

}

.videolink  {
	margin: 5px;	padding: 5px;	display: block;
	color: #363330;	border-color: #363330;
	text-align: center;	text-transform: uppercase;	position: relative;	border-style: solid;
	line-height: 100%;	letter-spacing: 0.01em;	border-width: 1px 0;
}
/* -------------------- PROJECTS CONTENT --------------------------- */
 
.projects {
	width: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 20;
	display: block;
}

.projects img {
	margin: 0;
	padding: 0;
	opacity: 1;
	border: none;
	display: inline-block;
	position: relative;
	z-index: 20;
}

.projectssp {	 
	width: 78%; color:#efefef;
	margin: -40px auto 0 auto;
	padding: 4%;
	display: block;text-shadow: #000 1px 1px 0px;
	position: relative;  
	z-index: 25;	background-color: #000;
}

.projects-content {	   
    background-color: #2584a4;
	padding: 2px 2PX 2PX 2PX;
	font-size: 11px; color:#000;text-shadow: #2584a4 1px 1px 0px;
	font-weight: 700;	display: inline-block;
	text-align: CENTER;
	text-transform: uppercase;
	border: 1px dashed #000;
}

.projects-content span {
	display: inline;
	position: relative;
}

.featured-post img:hover{ 
 }
.featured-post img {
    box-shadow: 0 0 30px rgba(0,0,0, 0.3);
  min-width: 790px;
    background-position: bottom center;
    bottom: 0px;
  max-width: 790px;
height: auto;
  position:relative; 
overflow:hidden;
  -moz-border-radius: 5px;
        -webkit-transition:  0.5s;
    -moz-transition: 0.5s;
    transition: 0.5s; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }
   

.entry-title{
background: #000; 
font-family: 'Roboto Slab', serif;
    text-transform: uppercase; 
font-size: 18px;
font-weight:800;
text-shadow: rgba(255,255,255,0.01) 1px 1px 1px; 
height:60px;
border-left:2px solid #de0ade;
border-right:2px solid #de0ade;
color:#ffffff;
padding-left:20px; }

.entry-title span {
     color: #fff;
    	background-image:url("https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/news.png");
    border:1px solid #1d1d1d;
font-family: 'Roboto Slab', serif;
    text-transform: uppercase; 
font-size: 12px;
font-weight:800;    padding:6px;
    letter-spacing: 0.5px ;
    transition: all 0.5s ease;
    text-align:center;
}
.entry-title a{      
    letter-spacing:-1px;
    text-transform: uppercase; 
    color:#efefef; text-decoration:none}
    
.content-meta{
    margin-top:5px;
    letter-spacing:2px;
	background-image:url("https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/meta.png");
font-family: 'Roboto Slab', serif;
    text-transform: uppercase; 
  font-size: 9px;
  font-weight:600;
    color:#cccccc;     
    padding:8px; 
    }
    .content-meta i{
        color#bbbb65;
    }
    .content-meta a{color:#bbbb65; text-decoration:none}
.tablehcontent {background: #f9faff;
background-repeat: repeat-x;
margin-top:0px;}
.entry-content{
    padding: 2px 18px 2px 18px;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
    text-align: justify;
    color: #efefef;
    	background-image:url("https://mandysacs.org/wp-content/themes/01sacsbymauu/imgs/ssbg.png");
    border-bottom:2px solid #efefef;
    text-shadow: rgba(255,255,255,0.00) 1px 1px 1px;}
.entry-content img a{
    brightness(30%);
    background-color:#fff;
    border:1px solid #e59d09;
    padding:5px;
    margin:1px;
}
.entry-content img{
 brightness(30%);
    background-color:#fff;
    border:1px solid #e59d09;
    padding:5px;
        margin:1px;

}

.entry-content img:hover{
-webkit-filter: opacity(.9); filter: opacity(.9);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;
        margin:1px;

}.entry-content bold, strong, b{
    color: #f4ad19;
}
.entry-content italic, i{
    color: #de0ade;
}.entry-content a{
    color: #de0ade;
}
/* FOOTER --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.site-footer {
	margin:0px;
	padding:30;  
	float:center;
	width:1200px; 
	color:#cccccc;
	background:#000;
	position:relative;	
	font-family: 'Open Sans', sans-serif;   
    font-size: 8.25pt;
	text-align:justify;
}
/*-----------LATEST HEADLINES */
	.nnews {
	background-color: #efefef;
display: block;
padding: 0px;
	font-family: 'Roboto Mono', monospace;	     
	font-size: 8.25pt; 
	text-align:justify;
	text-transform: uppercase;
padding-left: 0px;
margin: 2px;
border-bottom:2px solid #de0ade;
color: #000;
line-height: 0px;
text-align: center;
text-shadow: #92605c; 1px 0px 0px;
-webkit-transition:  0.5s;
-moz-transition: 0.5s;
transition: 0.5s;
	  text-align:left;
	  width:90%;
	  padding:10px;


}
.nnews:hover{
	background-color: #000;
color: #fff;
text-shadow: rgba(0,0,0, 0.2) 1px 1px 1px;

}
.latestphotos  {
    padding:5px;
    background-color:#1d1d1d;
     	     
}
.latestphotos a img {-webkit-filter: grayscale(70%); 
    	-moz-filter: grayscale(70%);
    	-o-filter: grayscale(70%);
    	-ms-filter: grayscale(70%);
	margin: 0px;background: transparent;
	border:1px solid #d4d401;
	width:96%;
	padding: 2px;	 
     	     
}