/* GLOBAL STYLES OVERIDING THE MAIN TEMPLATE ===========================================================================*/



@font-face {
  font-family:Logo;
  src: url(/wp-content/themes/twenty-twenty-one-child/fonts/SansFlex_24pt-Light.ttf);
}


html, body {
    height: 100%;
}


* {
		box-sizing:border-box;
}

body {
		background:white;
		font-family:Helvetica, Arial sans-serif;
		/* Sets the size of the base font that we'll call using ems */
		font-size:18px;
}

/* HEADINGS +++++++++++++++++*/

/* H1 Heading ---*/

h1 {
		font-size:2.6em;
		margin-bottom:20px;
		color:#010066;
}

h2, h3 {
  margin:10px 0 0 0 !important;
}

h2 {
		font-size:1.6em;
		margin-bottom:10px;
		font-weight:bold;
}

h3 {
		font-size:1em;
		font-weight:bold;
		color:#333333;
}

/* End Headings -------*/


/* adds some white space in the browser left to right for mobile */

html {
		margin:0 20px 0 20px;
}

#content.site-content {
		margin:auto;
  	max-width:1200px;
	
}


#content.site-content {
  padding-top:0 !important;
}

/* Sets the main page content to full width --*/

main * {
  max-width:1200px !important;
		
}



/* MAIN CONTENT DIV */
.site-main {
  padding:0 !important;
		margin:0 !important;
}


.entry-title {
  display:none;

}


.entry-header {
  border:none !important;
}

/* MAIN HEADER ---*/

header {
  padding:0 !important;
		max-width:1200px !important;
}

.site-title {
		font-family:Logo;
}
.site-title a{
		text-decoration:none;
		font-family:Logo;
}

.site-header {
  margin-top:30px;
}

.the-logo {
		float:left;
		width:320px !important;
}

.the-logo {
		position:absolute;;
		width:34px;

	
		
}

.the-logo img {
		width:34px;
}

.site-title {
	position:absolute;
		margin:1px 0 0 50px;
	
		
}



/* GLOBAL HEADER IMAGES FOR SECTIONS also for SLIDESHOWS -----*/

/* home */
.n2-ss-slider-2.n2-ow {
  margin-top:40px !important;
	
}

/* about */

#n2-ss-3-align.n2-ss-align {
  margin-top:-90px !important;
}

/* services */

#n2-ss-4-align.n2-ss-align {
  margin-top:-90px !important;
}



/* MAIN PRIMARY DESKTOP NAVIGATION ++++++++++++++++++++++++++++++++++++ */

/* Set the current page nav hightlight ---*/

.primary-navigation a:hover {
		color:#ff6634;
		text-decoration-style:solid !important;
		text-decoration-thickness:0.06em;

}
.primary-navigation .current_page_item > a:first-child {
  color:#ff6634;
		text-decoration-style:solid !important;
		text-decoration-thickness:0.06em;
}


/* MOBILE EXPANDED MENU BACKGROUND STYLES -----*/
.primary-navigation-open .primary-navigation > .primary-menu-container {
  background-color:#cccccc;
}

.primary-navigation-open .menu-button-container {
  background-color:#cccccc;
}


#primary-mobile-menu.button {
  font-size:1.1em;
		margin-top:10px;
		
}

/* FOOTER ------------------- */

footer {
		max-width:1200px !important;
		
}

.site-footer {
		border-top:0.09em solid #999999;
		font-size:0.7em;
}

/* Gets rid of the site title in the footer */

site-footer, .site-name {
		display:none;
}

/* -----*/

/* Gets rid of Wordpress Advert */
.powered-by {
  display:none;
}
/* -----*/

/* Gets rid of Site Icon/Logo only in footer */
footer .site-logo {
		display:none;
}
/* -----*/

/* Keep the footer however many pixels away from content above it */
#colophon.site-footer {
		
  margin:40px auto 0 auto;
}

.footer-info-stuff {
		
		margin-top:20px;
		padding:0 10px 0 10px;
}

.anna-copyright {
		float:left;
		
}

.footie-nav {
		float:right;
}

.foot-linky {
		float:left;
		margin-left:10px;
}

.foot-linky a:hover {
		color:#ff6634 !important;
}
/* -----*/

/* END GLOBAL STYLES ======================================================================*/

/* SECTION STYLINGS +++++++++++++++++++++++++++++++++++++++*/

/* HOME PAGE!!!!!!!! ---------------*/



.learn-more a {
		color:#ff6633 !important;
}

.learn-more a:hover {
		color:#000000 !important;
}

.learn-more::before {
		content: "\25BA";
  margin-right: 8px; 
  color: #777777;
}

/* home sidebar -----*/

.home-sub-right {
		float:left;
		width:100%;
		height:fit-content !important;
		padding:5px 10px 20px 10px;
		background:#000066;
}

.home-sub-heading {
		float:left;
		margin:7px 0 10px 0 !important;
		color:#fff;
		font-size:1.2em;
}

.home-sub-right img {
		float:left;
		width:100%;
		border:0.07em solid #ffffff;
}
    
    /* button original */
/*.sidebar-button {
		display:block !important;
		float:left;
		text-align:center;
		background-color:orange;
		padding:10px 40px 10px 40px;
		
		
}*/

.sidebar-button  {
		display:block;
		float:left;
		margin-top:0 !important;
		 
		
}

.sidebar-button a {
		color:#f6960e !important;
				font-weight:bold;
				text-decoration:none !important;
}

.sidebar-button :before {
		content: "\25BA";
  margin-right: 8px; 
  color: #f6960e;

}

.sidebar-button a:hover {
		color:#ffffff !important;
		font-weight:bold;

}



/* end home ----------------*/

/* SERVICES PAGE!!!!!!!! -------------------------------*/

.the-service {
		margin-top:10px;
		padding-bottom:20px;
		border-bottom:0.08em dotted #999999;
}

/* arrow separator */
.separator-arrow {
		float:left;
		width:100%;
		margin-top:-25px;
		padding:20px;
		background-image:url(https://www.annamiller.org/wp-content/themes/twenty-twenty-one-child/images/down-arrow.png);
		background-position: left;
		background-size:25px;
  background-repeat: no-repeat;
}


/* EVENTS PAGE!!!!!!!! -------------------------------*/

/* Calendar ----*/

/* Event Text */

.gigpress-reborn-classic__artist {
  font-weight:bold;
		
}

/* adds space between the calendar dates */
.gigpress-reborn-classic__bottom-row {
		border-bottom:10px solid #ffffff;
}

.gigpress-reborn-classic__top-row {
		border-top:10px solid #ffffff;
}
/* ------*/

/* Table Header -----*/

table th {
  background:#1c1c1d;
		color:#fff;
		font-family:Logo;
		text-align:left;
}

/* background styling of event info */

table td {
  background-color:#f4f3f3;
}

/* hover for venue link */

.gigpress-reborn.gigpress-reborn-classic a:hover {
		color:#ff6633;
}


/* end events page -----*/


/* CONTACT PAGE !!!!!!! -------------------------------*/

/* borders on form fields */
.wpforms-field input {
  border:0.08em solid #777777;
}

/* submit button stylings */

.wpforms-submit {
		margin-top:25px;
		
}

.wpforms-submit:hover {
  background:#ed6f45;
		color:white;
}

/* ------ */

.wpforms-field-label {
  font-size:1em;
}

.site textarea {
  border:0.08em solid #777777;
		resize:none;
}

/* logo image on page */

.contact-right img {
		width:100%;
}










/* MEDIA  QUERIES +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*  MOBILE + TABLET (UP TO 955px) ================================================== */


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

/* Minor Layout tweaks ---- */
   #content.site-content {
  margin-top:80px;
}

    .n2-ss-slider-2.n2-ow {
        margin-top: 0 !important;
    }

/*  Hide desktop menu ---- */
    .primary-navigation .primary-menu-container {
        display: none;
    }

/* Show hamburger ---- */
    .menu-button-container {
				margin-top:-28px;
        display: block;
    }

/* Open Menu (Overlay)--------- */

    body.primary-navigation-open .primary-navigation {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 100vh;
        background: #cccccc;
        z-index: 9999;
        overflow-y: auto;
    }

/* Force The Menu Visibility ---- */
    body.primary-navigation-open .primary-menu-container,
    body.primary-navigation-open .primary-menu-container ul,
    body.primary-navigation-open .primary-menu-container ul.primary-menu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.primary-navigation-open .primary-menu-container ul.primary-menu {
        flex-direction: column !important;
    }

    body.primary-navigation-open .primary-menu-container li {
        display: block !important;
    }

    body.primary-navigation-open .primary-menu-container a {
        display: block !important;
        color: #000 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
		
	/* ---- FORCE MENU STRUCTURE VISIBILITY ---- */
body.primary-navigation-open .primary-menu-container,
body.primary-navigation-open .primary-menu-container ul,
body.primary-navigation-open .primary-menu-container ul.primary-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.primary-navigation-open .primary-menu-container ul.primary-menu {
    flex-direction: column !important;
}

body.primary-navigation-open .primary-menu-container li {
    display: block !important;
}

body.primary-navigation-open .primary-menu-container a {
    display: block !important;
    color: #000 !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* Menu Link Styles */
		/* Default background and text color */
		
#menu-item-197 {
    background-color: #999999;
    margin: 70px 0 8px 0;
}

.primary-navigation .primary-menu-container .menu-item-object-page {
    background-color: #999999;
    margin-bottom: 8px;
		padding-left:20px;
}
		
/* the hover or press --*/		
.primary-navigation .primary-menu-container .menu-item-object-page:hover {
    background-color: #000000;
		color:#ff6633 !important;
    
}
		
.primary-navigation .primary-menu-container .menu-item-object-page a:hover {
    color:white !important;
    
}
		
.primary-navigation .primary-menu-container .menu-item-object-page a:active {
    color:#ff6633 !important;
		backgound-color:#000000;
    
}
		
#menu-item-197:hover {
    background-color: #000000;
 
}
		
#menu-item-197:active {
    background-color: #000000;
		color:#ff6633 !important;
 
}

/* Sets height of button */		
.menu-item {
		padding:10px 0 10px 0;
}
		
.primary-navigation .current_page_item > a:first-child {
  font-weight:bold;
}
		
.contact-right  {
		display:none;
}
		

		
		
} 


/* END 955PX +++++++++++++++++++++*/




/* =========================
   DESKTOP (956px AND UP)
========================= */

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

    .primary-navigation .primary-menu-container {
        display: block;
    }

    .menu-button-container {
        display: none;
    }
}

/* END 956PX +++++++++++++++++++++*/



@media screen and (max-width: 482px) {
.menu-button-container {
				margin-top:-7px;
        
    }
		
.site-title {
		margin-top:5px;
		font-size:0.98em
}
		
.anna-copyright {
		width:100%;
		margin-bottom:10px;
 
}
.footie-nav {
 float:left;
		width:100%;
		margin-bottom:20px;
		 
}
			
	
		
}/* END 482PX +++++++++++++++++++++*/