/*
Theme Name: Nuguma
Theme URI: https://nuguma.com
Author: MA
Author URI: https://nuguma.com
Description: Custom resonsive WordPress theme for Nuguma
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom,responsive,purple,pink,blue
Text Domain: nuguma
*/


/*  ===========================================================================
	BODY STYLES & GLOBAL SETTINGS
	=========================================================================== */
	* {margin: 0;}
	html, body {
		height:100%;background:none;
		text-rendering:	optimizeLegibility!important;
		-webkit-backface-visibility: hidden!important;/*css3 safari flicker fix*/
		/*font rendering*/
		-webkit-font-smoothing:  antialiased;
		-moz-osx-font-smoothing: antialiased;
		-o-font-smoothing: 		 antialiased;
		font-smoothing: 			 antialiased;
		-ms-font-smoothing: 		 antialiased;
		/*adjust*/
		font-size: 					100%;
		-webkit-text-size-adjust: 	100%;
		-ms-text-size-adjust: 		100%;
		/*box sizing*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box; 
		box-sizing: 			border-box;
	}
	img, a, a img {border:none;outline:none;}
	
	.hidden,.div_hiddenscroll {-moz-opacity:0;opacity:0;}
	.visible,.div_visiblescroll {
		opacity:1!important;
		-moz-opacity:1; 
	}
	
	/* selection */
	::selection {background:#FFF;color:#2E0066/*VERY DARK PURPLE*/;}
	::-moz-selection {background:#FFF;color:#2E0066/*VERY DARK PURPLE*/;}
	::-webkit-selection {background:#FFF/;color:#2E0066/*VERY DARK PURPLE*/;}

/*  ===========================================================================
	SITE ARCHITECTURE
	=========================================================================== */

	#wrapper {
		min-height:100%;
		width:100%;
		height:auto!important;
		height:100%;
		margin:0 auto -220px; /*SEE #push*/
	}

	/* -------------------------- HEADER -------------------------- */
	#header {
		width:100%;
		/*background-image:url(/wp-content/themes/nuguma/img/headerbackground.jpg);background-position:center;*/
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		/*background:rgba(0, 0, 0, 0.5);*/
		background:rgba(219, 70, 250, 0.8);
	}
	#headercontent {width:1000px;max-width:90%;margin:0 auto 0 auto;}
	
	#contactbox {float:left;margin:15px 0 0 10px;}
	#contactbox p {font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;font-size:20px;line-height:30px;}
	#contactbox p a {text-decoration:none!important;}
	#contactbox p a:link,
	#contactbox p a:visited {color:#FFF;}
	#captionbox {float:right;margin:15px 10px 0 0;width:auto;}
	#captionbox p {text-align:right;font-size:20px;line-height:23px;font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;}
	
	#logo {width:400px;max-width:40%;height:auto;padding:10px 0 10px 0;margin:0 auto 0 auto;}



	/* -------------------------- NAVIGATION -------------------------- */
	#navbar {width:100%;height:20px;padding:10px 0 10px 0;margin:0 auto 20px 0;background:#2E0066;-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5);}
	#access {display:table;margin:0 auto;font-style:normal; /* (for centered nav) */}
	
	@media only screen 
	and (max-width : 800px){
		#navbar {display:none!important;}
	}
	
	/* RESPONSIVE MENU*/
	.menu_title {font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;}
	
	#access .menu-header {margin-left:0;}
	#access .menu-header ul ul {padding:0;margin:0;} 
	#access .menu-header li, div.menu li {float:left;position:relative;}
	#access ul ul {display: none;position:absolute;z-index:99999;}
	#access ul li:hover > ul {display: block;}
	#access li a {margin-bottom:0;}
	
	#access li a {
		display:block;
		font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;
		font-weight:normal;font-style:normal;
		text-decoration:none;
		line-height:100%;
		font-size:15px;
		color:#FFF;	
	}
	#access li:hover > a, #footer li:hover > a {color:#DB48FA/*PINK*/;text-decoration:none;}
	
	#access li {margin-right:50px;} /* SPACING BETWEEN */
	#access li:last-child, .lastmenuitem a {margin-right:0;} /* FIX R */
	
	#access ul li.current_page_item  > a,
	#access ul li.current-menu-ancestor > a,
	#access ul li.current-menu-item > a,
	#access ul li.current-menu-parent > a {color:#FFF;}
	
	/* DROPDOWN (LEVEL 1) */
	#access ul ul {
		border:none;
		position:absolute;
		margin: 0 0 0 0!important;
		padding:8px 0 0 0!important;
	}
	#access ul ul li {
		border-right:none;min-width:200px!important;font-size:14px;padding:10px;margin:0 0 -1px 0;
		/* transparency */
		background: rgb(56,5,140); /* Fallback for web browsers that don't support RGBa */
		background: rgba(56,5,140,0.8); /* RGBa with 0.8 opacity */
	}
	#access ul ul li:hover {background:#9900ff/*LIGHTPURPLE*/;}
	
	/* DROPDOWN (LEVEL 2) */
	#access ul ul li {min-width:180px;}
	#access ul ul ul,
	#access .menu-header ul ul ul {left: 100%;top: 0;margin-left:-10px;margin-top:-8px!important;}
	
	#access ul ul a {
		line-height: 1em;
		width: 180px;
		height: auto;
	}
	


	/* -------------------------- GLOBAL LAYOUT -------------------------- */
	#main {width:100%;}
	#content {
		clear:both;width:1000px;max-width:100%;margin:10px auto 20px auto;padding:20px;
		background:rgba(85, 18, 152, 0.8)/*INDIGO*/;
		/*background-color:#4b0082;*/
		border:1px solid #3c1867;
		/*box sizing*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box; 
		box-sizing: 			border-box;}
	
	/* FULLWIDTH - DEFAULT TEMPLATE */
	#fullwidthpage {
		width:780px;max-width:100%;margin:0 10px 0 10px;
		/*box sizing*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box; 
		box-sizing: 			border-box;
	}
	
	#mainimage {
		width:1200px;height:auto;max-width:100%;margin:10px 0 20px 0;overflow:hidden;
		-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	}
	#mainimage img {min-width:100%;max-width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;}
	
	/* SIDEBAR */
	#sidebarpage {width:50%;margin:0 10px 0 10px;float:left;}
	#sidebar {width:40%;float:right;}
	
	/* -------------------------- FOOTER -------------------------- */
	#push {width:100%;height:220px;clear:both;} /*TOTAL HEIGHT OF #footer & #footercontent */
	#footer {
		width:100%;height:210px;clear:both;
		-webkit-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);box-shadow:inset 0px 1px 3px rgba(0,0,0,0.5);
		/*background:rgba(0, 0, 0, 0.8);*/
		background:rgba(219, 70, 250, 0.8);
		/*background-image:url(/wp-content/themes/nuguma/img/footerbackground.jpg);background-position:center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;*/
	}
	#footercontent {width:800px;max-width:100%;height:auto;clear:both;margin:0 auto 0 auto;padding-top:10px;text-align:center;}
	
	/* -------------------------- PAGE-SPECIFIC -------------------------- */
	/* 2 COLUMN PAGE */
	#topcolumn {width:780px;margin:0 0 20px 10px;}
	#column1,#column2{
		padding:20px;
		/*box sizing*/
			-webkit-box-sizing: border-box;
			-moz-box-sizing: 	border-box; 
			box-sizing: 			border-box;	
	}
	#column1 {width:50%;min-height:450px;float:left;max-width:50%;}
	#column2 {width:50%;min-height:450px;float:right;max-width:50%;position:relative;}
	
	#column1 img,#column2 img {max-width:100%;height:auto;}
	
	#column2 .bottomfix {position:absolute;bottom:0;right:0;padding-right:5px;}/* container div must be position:relative */
	#map iframe, img.shadow {
		-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
		-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5);-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5);
	}
	
	#strapline {width:400px;margin:10px auto 10px auto;}
	#strapline #icon {margin:10px auto 0 auto;width:200px;}
	#strapline h3 {text-align:center;color:#FFF;font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;}
	
	/* HOROSCOPES */
	
	.horoscopecontent {
		padding:20px;
		/*box sizing*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box; 
		box-sizing: 			border-box;	
	}
	.horoscopecontent h1,.horoscopecontent h3 {text-align:center;}
	.horoscopecontent p {color:#E8C2FF/*VERY VERY LIGHT PURPLE*/;}
	.horoscopecontent strong,.horoscopecontent b {color:#FFF;}




/*  ===============================================
	PARAGRAPH & CHARACTER STYLES
	=============================================== */
	a {transition:color .3s linear;-webkit-transition:color .3s linear;-moz-transition:color .3s linear;}
	a:link,
	a:visited {color:#C485FD/*VERY LIGHT PURPLE*/;text-decoration:none;}
	a:hover {color:#FFF;text-decoration:underline;}
	a:active {color:#DB48FA/*PINK*/;text-decoration:underline;} 
	
	p,tr,td,ul,ol,li {font-size:14px;line-height:18px;margin-bottom:10px;font-family:Helvetica,Arial,sans-serif;color:#FFF;}
	#content li {list-style:disc;}
	#content {text-align:left;}
	
	#footer p {text-align:center;font-size:12px;}
	#footer a:link,
	#footer a:visited {color:#FFF;font-weight:bold;}
	
	#sidebar td,#sidebar ul,#sidebar ol,#sidebar li,#sidebar p {font-size:12px;margin:0;}
	
	.centeredcontent p,.centeredcontent h1,.centeredcontent h2 {width:100%;text-align:center!important;} 
	
	
	/* -------------------------- HEADINGS ---------------------------- */
	h1,h2,h3 {font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;}
	
	h1 {font-size:40px;width:100%;line-height:100%;color:#DB48FA/*PINK*/;margin:0 auto 14px auto;padding-bottom:10px;border-bottom:1px dotted #3c1867/*DARKPURPLE*/;}
	h2 {font-size:30px;width:100%;line-height:100%;color:#DB48FA/*PINK*/;margin:40px auto 10px auto;padding-bottom:10px;border-bottom:1px dotted #3c1867/*DARKPURPLE*/;}
	h3 {font-size:20px;width:100%;line-height:100%;color:#DB48FA/*PINK*/;margin:20px auto 15px auto;}
	h4 {font-size:16px;width:100%;line-height:100%;color:#DB48FA/*PINK*/;margin:10px auto 10px auto;font-weight:normal;font-style:normal;padding-bottom:10px;border-bottom:1px dotted #3c1867/*DARKPURPLE*/;}
	
	h1.centeralign {text-align:center;}

	/* -------------------------- CLASSES ---------------------------- */
	.hidden {position:absolute;left:-9000px;}
	.screen-reader-text {display:none;}
	
	.center {margin:0 auto 0 auto;text-align:center;}
	.left {float:left;}
	.right {float:right;}
	.rightalign {text-align:right;}
	.clearfix {width:100%;clear:both;height:1px;}
	.bottomfix {position:absolute;bottom:0;}/* container div must be position:relative */
	.bigger {font-size:18px;}
	
	.nav-above {}
	.nav-below {}
	.previous {float:left;margin:10px;}
	.next {float:right;margin:10px;}
	
	.spacer {clear:both;width:100%;margin:0;height:1px;}
	.spacer5 {clear:both;width:100%;margin:0;height:5px;}
	.spacer10 {clear:both;width:100%;margin:0;height:10px;}
	.spacer20 {clear:both;width:100%;margin:0;height:20px;}
	.spacer30 {clear:both;width:100%;margin:0;height:30px;}
	.spacer40 {clear:both;width:100%;margin:0;height:40px;}
	.spacer50 {clear:both;width:100%;margin:0;height:50px;}
	.spacer100 {clear:both;width:100%;margin:0;height:100px;}
	.spacer200 {clear:both;width:100%;margin:0;height:200px;}
	
	ul {list-style:none;margin:0 0 3px 0;}
	ol {list-style:none;margin:0 0 18px 1.5em;}
	ol ol {list-style:upper-alpha;}
	ol ol ol {list-style:lower-roman;}
	ol ol ol ol {list-style:lower-alpha;}
	ul ul,ol ol,ul ol,ol ul {margin-bottom:0;}
	dl {margin:0 0 24px 0;}
	dt {font-weight:bold;}
	dd {margin-bottom:18px;}
	tr {}
	td {}
	
	/* LINES */
	hr {background-color:#2E0066/*VERY DARK PURPLE*/;border:0;clear:both;height:1px;margin:20px 0 20px 0;}
	.line {clear:both;width:100%;height:1px;background:#2E0066/*VERY DARK PURPLE*/;margin:20px auto 20px auto;}
	
	hr.notop {margin-top:0;}
	hr.nobottom {margin-bottom:0;}
	
	hr.sectionbreak{margin:40px 0 40px 0;}
	hr.sectionbreak.notop{margin:0 0 40px 0;}
	hr.sectionbreak.nobottom{margin:40px 0 0 0;}


	/* -------------------------- @ FONT FACE -------------------------- */
	@font-face {
		font-family: 'lithos_pro_regular';
		src: url('/wp-content/themes/nuguma/fonts/lithospro-regular-webfont.eot');
		src: url('/wp-content/themes/nuguma/fonts/lithospro-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('/wp-content/themes/nuguma/fonts/lithospro-regular-webfont.woff') format('woff'),
			 url('/wp-content/themes/nuguma/fonts/lithospro-regular-webfont.ttf') format('truetype'),
			 url('/wp-content/themes/nuguma/fonts/lithospro-regular-webfont.svg#lithos_pro_regularregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	.lithos,p.lithos,span.lithos {font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;}




/*  ===========================================================================
	FORMS, FIELDS & BUTTONS
	=========================================================================== */
	/* FIELDS */
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	input[type="url"],
	input[type="password"],
	textarea {
		border:none;
		margin:5px auto 5px auto;
		padding:12px 20px 12px 20px;
		width:auto;max-width:90%;
		background:#FFF;
		color:#2E0066/*PURPLE*/;
		/* font */
		font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
		font-size:14px;
		text-align:center;
		/* shadow */
		-webkit-box-shadow:	inset 0px 3px 5px 0px rgba(50, 50, 50, 0.2)!important;
		-moz-box-shadow:	inset 0px 3px 5px 0px rgba(50, 50, 50, 0.2)!important;
		box-shadow:			inset 0px 3px 5px 0px rgba(50, 50, 50, 0.2)!important;/* inset */
		/*border radius*/
		-webkit-border-radius: 	5px;
		-moz-border-radius: 		5px;
		border-radius: 			5px;
	}
	
	.form input[type="text"],
	.form input[type="email"],
	.form input[type="tel"],
	.form input[type="url"],
	.form textarea {width:auto;}
	
	
	/* FIELDS FOCUS */
	input[type="text"]:focus,input[type="email"]:focus,
	input[type="tel"]:focus,input[type="url"]:focus,
	input[type="password"]:focus,
	textarea:focus,
	input#s:focus,
	#mailinglist input[type="text"]:focus,
	#mailinglist input[type="email"]:focus /*see homepage section for css*/ {
			background:#EEE; 
			color:#2E0066/*PURPLE*/;
			/*transition*/
			transition:			all .5s ease-in;
			-moz-transition:	all .5s ease-in;
			-webkit-transition:	all .5s ease-in;
	}

	/* BUTTONS */
	a.button,
	.wpcf7-submit,#searchsubmit,.submitbutton,.send,
	input[type="submit"] {
		cursor:pointer!important;cursor:hand;
		width:auto;max-width:80%;
		margin:20px auto 30px auto;
		padding:12px;
		/*background/border/colour*/
		background:#DB48FA/*PINK*/;
		color:#FFF;
		text-align:center!important;
		/* font */
		font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
		font-size:16px;
		/* transition */
		-webkit-transition: all 0.5s ease;
		-moz-transition: 	all 0.5s ease;
		-o-transition: 		all 0.5s ease;
		transition: 			all 0.5s ease;
		/*box sizing*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: 	border-box; 
		box-sizing: 			border-box;
		/*border radius*/
		-webkit-border-radius: 	10px;
		-moz-border-radius: 		10px;
		border-radius: 			10px;
	}
	.wpcf7-submit:hover,#searchsubmit:hover,.submitbutton:hover,.send:hover,a.button:hover,
	input[type="submit"]:hover {
		background:#FFF;
		color:#000!important;
		/*shadow*/
		-webkit-box-shadow:	none;
		-moz-box-shadow:	none;
		box-shadow:			none;
	}
	
	a.button span.shortbutton {} /* for short text - see responsive */
	
	a.button {border-bottom:none!important;}
	
	p a.button{padding-bottom:10px!important;} 
	
	/* OUTPUT */
	.wpcf7-response-output,
	span.wpcf7-not-valid-tip {
		display:block;clear:both;
		margin:20px auto 20px auto!important;
		padding:10px;
		width:auto;max-width:99%;
		background:#FFF;
		border:1px dotted #DB48FA/*PINK*/;
		color:#2E0066/*VERY DARK PURPLE*/;
		font-family:'lithos_pro_regular',Helvetica,Arial,sans-serif;font-weight:normal;font-style:normal;
		font-size:16px;
		text-align:center!important;
	}
	
	input#s {width:450px;}
	input#searchsubmit {width:350px;margin:30px auto 0 auto;}
	.widget_search label {display:none;}
	
	/* placeholder text*/
	::-webkit-input-placeholder,
	:-moz-placeholder,
	::-moz-placeholder,
	:-ms-input-placeholder {color:#444;}
	

/*  ===========================================================================
	GLOBAL IMAGE / GALLERY STYLES
	=========================================================================== */

	/* IMAGES */
	img.size-auto,
	img.size-full,
	img.size-large,
	img.size-medium,
	.attachment img {max-width:100%;height:auto;}
	#content .attachment img {display:block;margin:0 auto;} /*single attachment images*/
	
	/* ALIGNED IMAGES */
	.alignleft,img.alignleft {display:inline;float:left;margin:0 40px 20px 0!important;background:#FFF!important;}
	.alignright,img.alignright {display:inline;float:right;margin:0 0 20px 40px!important;background:#FFF!important;}
	.aligncenter,img.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
	.alignleft,.alignright,.aligncenter {
		/* shadow */
		box-shadow:none!important;
		-o-box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		
	}
	
	/* CAPTIONS */
	.wp-caption {
		background:none;line-height:20px;margin-bottom:20px;padding:4px;text-align:right;
		max-width:100%!important; /* prevent too-wide images from breaking layout */
		font-family:Helvetica,Arial,sans-serif;
		font-weight:normal;
		font-size:20px;
		font-style:italic;
	}
	.wp-caption p.wp-caption-text {color:#EEE;margin:5px;font-style:italic;}
	.wp-caption img {margin:5px 5px 0;}
	.gallery-caption {
		color: #EEE;
		display: block;
		font-family:Helvetica,Arial,sans-serif;
		font-weight:normal;
		font-size:16px;
		font-size: 1.2rem;
		line-height: 1.5;
		padding: 0.5em 0;
	}
	
	/* GALLERIES */
	/* since @twentyfifteen */
	.gallery {margin-bottom: 1.6em;}
	.gallery-item {
		display: inline-block;
		padding: 1.79104477%;
		text-align: center;
		vertical-align: top;
		width: 100%;
	}
	.gallery-columns-2 .gallery-item {max-width: 50%;}
	.gallery-columns-3 .gallery-item {max-width: 33.33%;}
	.gallery-columns-4 .gallery-item {max-width: 25%;}
	.gallery-columns-5 .gallery-item {max-width: 20%;}
	.gallery-columns-6 .gallery-item {max-width: 16.66%;}
	.gallery-columns-7 .gallery-item {max-width: 14.28%;}
	.gallery-columns-8 .gallery-item {max-width: 12.5%;}
	.gallery-columns-9 .gallery-item {max-width: 11.11%;}
	.gallery-icon img {margin: 0 auto;}
	.gallery-columns-6 .gallery-caption,
	.gallery-columns-7 .gallery-caption,
	.gallery-columns-8 .gallery-caption,
	.gallery-columns-9 .gallery-caption {
		display: none;
	}

/* CSS Document */
