/*
 * @package: edumusas
 * ID: Typography, Colors, IMG, Navs, Header, Footer
*/
/*#--- Typography & Colors---#*/
@import url('https://fonts.googleapis.com/css?family=Exo:300,600');
@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,500,500i');
:root {
	--edumusas-typeh:'Exo', sans-serif;
	--edumusas-type:'Ubuntu', sans-serif;
	--edumusas-blue:rgb(0,158,226); /*#009ee2*/
	--edumusas-pink:#C84CC8;/*#200,176,200*/
	--edumusas-yellow:#E0A018;/*224,160,24*/
	--edumusas-cloud:#7cc09c; /*#160,204,236*/
	--edumusas-cream:#D4E09E;
	--edumusas-ice:#FAFAFA;
	--edumusas-lead:#404040;
	--edumusas-bronze:#808000;
	--edumusas-oil:rgb(16,88,128);/*#084c70*/
	--edumusas-darkoil:rgb(16,60,80);/*#103c50*/
	--edumusas-bg:linear-gradient(to bottom, var(--edumusas-darkoil) 1%, var(--edumusas-oil) calc(100% - 48px));

	--edumusas-bgfoil:linear-gradient(to bottom, var(--edumusas-oil) 1%, var(--edumusas-cloud) 29%, var(--edumusas-cloud) 49%, var(--edumusas-darkoil) calc(100% - 48px));

		--edumusas-bgf4:linear-gradient(to bottom,
		var(--edumusas-cream) 1%,
		var(--edumusas-cloud) 39%,
		var(--edumusas-cloud) 59%,
		var(--edumusas-darkoil) calc(100% - 48px));

			--edumusas-bgf0:linear-gradient(to bottom, rgba(0, 0, 0, 0.79) 0%, rgba(192, 204, 168, 0.84) 1%, rgba(250, 254, 252, 0.76) 9%, rgba(250, 254, 252, 0.46) 89%, rgba(175, 185, 152, 0.34) 99%);

		--edumusas-bgf:linear-gradient(to bottom, rgba(0, 0, 0, 0.79) 0%, rgb(16,88,128,0.8) 1%, #7cc09cdd 19%, #7cc09c44 89%, #FAFAFAee 99%);

	--edumusas-mag:#E0A8E0;/*#224,168,224*/
	--edumusas-yellowy:#E4CC48;/*228,204,72*/
}
/*#--- Typos ---#*/
body {
	color:var(--edumusas-oil);font-size:14px;
  font-family:var(--edumusas-type);font-weight:300;
}
button,input,textarea {font-family:var(--edumusas-typeh);}
h1,h2,h3,h4,h5,h6 {clear:both;font-family:var(--edumusas-typeh);font-weight:300;}
h1{font-size:1.96em;}h2{font-size:1.72em;}
h3{font-size:1.52em;}h4{font-size:1.36em;}
h5{font-size:1.22em;}h6{font-size:1.10em;}
p{font-size:1em;margin-bottom:0.6em;margin-top:0.25em;}
a{text-decoration:none;color:var(--edumusas-cloud);cursor:pointer;transition:all ease-out 0.3s;}
a:hover {text-decoration:none;color:var(--edumusas-lead);}
a:visited, a:active, a:focus {color:var(--edumusas-cloud);outline:none;}
b,strong {font-weight:bold;display:inline !important;}
article ul li {margin-left:2em;}
article blockquote {
	padding:0.5em 2em;margin:0 0 1.5em;
  font-size:1.22em;border:0 none;
}
article blockquote::before {
	font-size:1.96em;float:left;
	margin:-0em 1em 0 -1em;
	content:open-quote;content:':: ';
}
.wp-caption .wp-caption-text {font-size:0.9em;}
.wp-caption-text {text-align:left;}

/*#--- BRANDING ---#*/
#page {background:var(--edumusas-cloud);background:var(--edumusas-bgf);background-attachment:fixed;}
.category-websites {color:var(--edumusas-blue);}
.category-identidade-visual {color:var(--edumusas-pink);}
.category-publicacoes {color:var(--edumusas-yellow);}

/*#--- CABEZAS ---#*/
.head-container {display:flex;flex-direction:column;}
.headcelula {width:84%;margin:2em 8%;}
.site-branding {
	font-size:1.4em;margin-right:2.8em;
	line-height:4.2em;text-align:left;
}
.site-branding a {
	font-family:var(--edumusas-typeh);font-weight:300;color:#FFF;
}
.site-branding a:hover,.site-branding a:focus {text-decoration:none;outline:none;}
.site-description {
	font-weight:300;margin:0 8%;color:var(--edumusas-cloud);
}

/*#--- RODAPE ---#*/
#colophon.site-footer {bottom:0;display:block;}
.site-info {width:84%;margin:0em 8%;}
#toper {
	margin:0;right:0;position:relative;
	height:60px;width:60px;
}
.toplink {
	margin:0;padding:0;
	width:30px;height:30px;
	background:url(../images/doob-arrowlinks-sprite.png) bottom center no-repeat;
	display:none;visibility:hidden;
	opacity:0.6;transition:all 0.4s;
}.toplink:hover {
	opacity:0.9;transition:all 0.2s;
	background-position:top;
}.inrolado .toplink {
	display:block;visibility:visible;
	transition:all 1s;
}
#footbar {display:flex;justify-content:flex-start;text-align:left;}
#footbar  > * { }
#footbar .widget_nav_menu {transform-origin: top left;margin-left:40px;}
#footbar .widget_nav_menu li {list-style-type:none;font-weight:400;}

/*#--- NAVIGATION ---#*/
.main-navigation {
	margin:0;
	font-family:var(--edumusas-typeh);
	display:flex;flex-direction:column;justify-content:flex-end;
}
.main-navigation div {
	padding:0;margin:0;width:100%;position:relative;
	display:flex;align-items:flex-end;
}
nav.main-navigation div ul {
	border-left:1px solid rgba(255,255,145,0.24);
	border-left:1px solid var(--edumusas-oil);
	width:100%;margin:0 auto;padding:0;
	list-style:none;text-align:center;
	display:flex;flex-direction:column;
	align-items:flex-start;justify-content:flex-start;
  box-shadow:none;
}
nav.main-navigation ul li {
	list-style:none;
	border:0 none;border-left:0 none;
	border-top-right-radius:6px;
	border-bottom-right-radius:6px;
	margin:0 0 1em 0;padding:0 0.8em;
	text-align:left;
	font-size:1.2em;line-height:1.2em;
	display:flex;align-items:center;justify-content:center;
	transition:all 0.3s;
	border:1px solid var(--edumusas-cloud);background:var(--edumusas-bg);
}
nav.main-navigation ul li.menu-item-object-category{
	border:0 none;background:none;
}
nav.main-navigation ul li.menu-item-object-category::before{
	min-width:23px;min-height:23px;display:block;content:' ';
	border:1px solid;
}
nav.main-navigation ul li.menu-item-object-category.category-websites::before {
	transform:rotate(45deg);
}
nav.main-navigation ul li.menu-item-object-category.category-identidade-visual::before {
	border-radius:50%;
}
nav.main-navigation ul li.menu-item-object-category.category-publicacoes::before {
}
nav.main-navigation ul li:nth-child(4) {margin-top:2em;}
nav.main-navigation ul li:last-of-type {margin-bottom:0;}
nav.main-navigation ul li a {
	color:#FFF;text-decoration:none;
	padding:4px 8px;transition:all ease-out 0.4s;
}
nav.main-navigation ul li a:hover,nav.main-navigation ul li a:focus,
nav.main-navigation ul li a.active,
nav.main-navigation ul li.current-post-ancestor a,
nav.main-navigation ul li.current-menu-parent a,
nav.main-navigation ul li.current_page_item a,
nav.main-navigation ul li.current-menu-item a,
.main-navigation .sub-menu a:hover,
.main-navigation .sub-menu a:focus {
	color:var(--edumusas-oil);text-decoration:none;
}
nav.main-navigation div ul ul {
	width:100%;margin:0 auto;padding:0;
	list-style:none;text-align:right;
	display:flex;flex-direction:column;
  justify-content:flex-end;align-items:stretch;
	background:var(--edumusas-bg);
}
nav.main-navigation ul li li {
  margin:4px 0;font-size:1em;
  border-left:1px solid var(--edumusas-cloud);
  border-bottom:1px solid var(--edumusas-cloud);
}
#site-navigation ul li {}

@media (min-width: 769px) {
  .menu-toggle {display:none !important;}
}
/*#--- MOBILE ---#*/
@media screen and (max-width: 768px) {
	.head-container {flex-direction:row;}
	.headcelula {width:84%;margin:2em 2%;}
	.site-branding a {margin-left:0;margin-top:4px;}
	.site-hanger.active{background:var(--edumusas-darkoil);}
	/* Hamburger */
	.menu-toggle {
	  position:relative;z-index:3001;
		margin:2.8em 1em 1em auto;
	  width:30px;height:24px;
	  display:flex;flex-direction:column;justify-content:space-between;
	  background:transparent;border:none;cursor:pointer;
	  padding:0;appearance:none;
	  outline:none;pointer-events:auto; /*garante cliques*/
	}
	.hamburger-line {
	  width:100%;height:3px;background:var(--edumusas-cloud);
	  transition:all 0.3s ease;
	}
	.menu-toggle.active .hamburger-line:nth-child(1) {
	  transform:rotate(45deg) translate(8px, 8px);
	}
	.menu-toggle.active .hamburger-line:nth-child(2) {opacity:0;}
	.menu-toggle.active .hamburger-line:nth-child(3) {
	  transform:rotate(-45deg) translate(6px, -8px);
	}
  .main-navigation {
    position:fixed;z-index:3000;
    top:0;right:0;width:100vw;height:100vh;
    background:var(--edumusas-oil);
    overflow-y:auto;-webkit-overflow-scrolling:touch;
    padding:8px 5% 2em;
    box-sizing:border-box;
    transform:translateX(100%);
    transition: transform 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.33);
    pointer-events:none; /* desativado fechado */
    opacity:0;
  }
  .main-navigation.active {
    transform:translateX(0);pointer-events:auto;opacity:1;
  }
  ul#primary-menu {
    list-style:none;padding:1em 0;margin:0;
    display:flex;justify-content:space-between;
    flex-direction:column;gap:12px;
    transition: transform 0.3s ease-in;
  }
  li.menu-item {position:relative;width:100%;}
  li.menu-item > a {
    display:block;padding:14px 0;
    font-size:1.2rem;
    border-bottom:1px solid rgba(0,0,0,0.05);
  }
  /* Impedir scroll do fundo */
  body.menu-open {overflow:hidden;}
}