/*
Theme Name: Pyramid of Arts by 418
Author: 418Design
Description: Wordpress Website Theme
Version: 1.0
*/
@import url("https://use.typekit.net/bbr2pik.css");
/* apply a natural box layout model to all elements, but allowing components to change */
html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}
#huge_it_gallery_content_99 .og-expander .og-details p,#huge_it_gallery_content_99 .og-grid > li > a > figure > span {font-size:20px!important;}
html {height:100%;}
body{font-family: brandon-grotesque, sans-serif;color:#000;background:#fff;font-size:18px;margin:0;padding:0;}
/*Styling*/
input,textarea {font-family: brandon-grotesque, sans-serif;}
h1,h2,h3,h4,h5,h6{margin:15px 0;color:#000;}
a{color:#000;outline:none;text-decoration:none;}
a:focus {text-decoration:underline!important;}
.entry a,.taxonomy-description a {color:#2f79b3;}
p {margin:10px 0;}
h1 {font-size: 2rem;}
h2 {font-size: 1.7rem;}
h3 {font-size: 1.4rem;}
h4 {font-size: 1.2rem;}
h5 {font-size: 1rem;}
h6 {font-size: 0.8rem;}
.clear {clear:both;}
img {border:none;max-width:100%;height:auto;}
.alignleft {float:left;margin-right:10px;}
.alignright{float:right;margin-left:10px;}
.aligncenter {display:block;margin:0 auto;}
.main-logo {margin:0 auto 10px;}
.metaslider {overflow:hidden;position:relative;}
.metaslider img {width:100%!important;}
.metaslider ul {padding:0;margin:0;}
.g-maps{overflow:hidden;padding-bottom:40%;position:relative;height:0;margin-top:15px;}
.g-maps iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.gform_wrapper {max-width:600px;width:100%;}
.ngg-tagcloud {width:100%;}
#post-18 .ngg-tagcloud ul {width:100%;margin:0;padding:0;display:flex;justify-content:space-evenly!important;flex-flow:row wrap;}
span.jig-filterTag {padding:8px 16px;border:1px solid #2f79b3;margin-bottom:8px;display:inline-block;height:auto;}
/*Structure*/
#full-wrapper {}
.top-bar {width:100%;display:flex;justify-content:space-between;padding:0 10px;}
.top-bar ul {margin:0;padding:0;display:flex;}
.top-bar ul li {list-style:none;}
.content-area {width:75%;max-width:1100px;margin:0 auto;padding:60px 0;}
#header {display:flex;justify-content:space-between;flex-direction:column;margin-top:-15px;}
.home .content-area {padding:100px 0 0;}
.content-area.flex {justify-content:space-between;flex-flow:row wrap;}
.left {flex-basis:25%;}
.right {flex-basis:73%;}
.error404 .content-area {text-align:center;}

/*Main Menu*/
#header .main-menu {display:flex;}
#header ul.menu{margin:0 auto;padding:0;display:flex;}
ul.menu li{list-style:none;position:relative;}
#header ul.menu li a{text-decoration:none;color:#313131;font-size:1.1rem;display:block;padding:0 4px 15px 20px;margin:0 8px;font-weight:normal;position:relative;}
.top-bar ul.menu li a{text-decoration:none;color:#313131;font-size:1.1rem;display:block;padding:0 2px 15px;margin:0 2px;font-weight:normal;}
.top-bar ul.menu li a::before {display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing: antialiased;font-family:"Font Awesome 5 Free";font-weight:900;margin-right:4px;font-size:1.5rem;}
.top-bar ul.menu li:nth-of-type(1) a::before {content:"\f07a";}
.top-bar ul.menu li:nth-of-type(2) a::before {content:"\f0fe";}
.top-bar ul.menu li:nth-of-type(3) a::before {content:"\f095";}

.top-bar ul.menu li:last-of-type a{padding:0 0 15px 2px;margin:0 0px 0 2px;}
ul.menu li a:hover {}
ul.menu li a i {position:absolute;left:0;top:9px;font-size:0.8rem;}

#header  ul.menu li a i {}


/*Drop Downs*/
ul.sub-menu{display:none;position:absolute;top:38px;left:-47px;z-index:990;width:200px;margin:0;padding:10px 0;background-color:#2f79b3;background-image:url("images/triangle.png");background-position:50% -30px;border-radius:4px;}
ul.menu li ul.sub-menu li{text-align:left;z-index:991;float:none;padding:0;position:relative;}
ul.menu li ul.sub-menu li a{padding:4px 8px!important;background:#2f79b3;color:#fff!important;text-align:center;}
ul.menu li:hover ul.sub-menu{display:block;}
ul.menu li:hover ul.sub-menu ul{display:none;}
ul.menu li:hover ul.sub-menu li:hover ul {display:block;left:260px;top:0;}
ul.sub-menu::before {display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing: antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f0d8";color:#2f79b3;font-size:2rem;position:absolute;left:45%;top:-21px;}


/*Home*/
.home .metaslider .caption-wrap {position:absolute;bottom:0;left:0;right:0;top:0;background:none;color:white;opacity:1;margin:0;display:block;width:100%;line-height:unset;display:flex;}
.home .metaslider .caption {margin:auto;font-size:4rem;}
.home .post {display:flex;justify-content:space-between;}
.home .post .entry {flex-basis:52%;}
hr {border-color:#2f79b3;width:80px;margin:0 auto;}
.section {padding:100px 0 0;}
.home-groups {text-align:center;}
.home-groups h3 {position:absolute;bottom:-50px;width:100%;text-align:center;}
.home-projects {text-align:center;}
.home-projects ul,.home-groups ul {text-align:left;margin:60px 0 0;padding:0 60px 0;display:flex;justify-content:space-between;flex-flow:row wrap;}
.home-projects ul li {width:33.3333%;list-style:none;position:relative;}
.home-groups ul li {width:23%;list-style:none;position:relative;}
.home-groups ul li,.home-projects ul li {background-size:cover;}
.home-projects ul li a {position:relative;height:350px;display:block;}
.home-groups ul li a {position:relative;height:250px;display:block;}
.home-projects ul li .overlay,.home-groups ul li .overlay {background:url("images/black-pane.png");position:absolute;top:0;right:0;bottom:0;left:0;display:flex;}
.home-projects ul li .overlay img,.home-groups ul li .overlay img {margin:auto;display:none;opacity:0;}
.home-projects ul li .overlay-content,.home-groups .overlay-content {opacity:1;margin:auto;color:#fff;display:block;padding:0 60px;text-align:center;}
.home-groups .overlay-content {padding:0 30px!important;}
.home-projects ul li .overlay-content h3,.home-groups .overlay-content h3 {color:#fff;}
.home-projects ul li:hover .overlay img,.home-groups ul li:hover .overlay img {display:block;opacity:1;}
.home-projects ul li:hover .overlay-content,.home-groups ul li:hover .overlay-content {opacity:0;display:none;}


.home-news {text-align:center;background:#f5f5f5;padding-bottom:60px;}
.home-news ul {text-align:left;margin:60px 0 0;padding:0 60px 0;display:flex;justify-content:space-between;flex-flow:row wrap;}
.home-news ul li {width:45%;list-style:none;margin-bottom:40px;}
.home-social {width:100%;background:url("images/social.jpg") no-repeat center center;background-size:cover;min-height:300px;margin-top:100px;padding-bottom:100px;}
.animatedcounters {background:#2f79b3;color:#fff;display:block;width:50%;float:left;text-align:center;font-size:2.8rem;font-weight:bold;padding:60px 0;margin-top:40px;}
.animatedcounters::before {display:block;font-size:1.4rem;font-weight:normal;}
.primary::before {content:"Events held";}
.secondary::before {content:"People inspired";}
.view-all {width:150px;margin:0 auto;display:block;border-bottom:2px solid #2f79b3;line-height:45px;margin-top:75px;}
.view-all:hover {color:#fff;background:#2f79b3;border-color:#000;}

/*Shop*/
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {background:#2f79b3!important;}
.woocommerce div.product p.price, .woocommerce div.product span.price,.woocommerce ul.products li.product .price {color:#2f79b3;font-weight:bold;}
.woocommerce-message,.woocommerce-error, .woocommerce-info, .woocommerce-message {border-top-color:#2f79b3;}

/*Pages*/
.title-bar {width:100%;background:#efefef;text-align:center;padding:15px;}
.title-bar h1,.title-bar p {margin:0;}
#breadcrumbs {font-size:1rem;}
.breadcrumb_last {color:#2f79b3;}
.page-banner {width:100%;height:250px;background-size:cover;background-position:center center;display:flex;margin-bottom:40px;}
.page-banner h1 {margin:auto;color:#fff;}
.reports {margin:0;padding:0;justify-content:space-evenly;flex-flow:row wrap;}
.reports li {flex-basis:30%;margin-bottom:60px;}
.ccchildpages.ccclearfix {display:flex;flex-flow:row wrap;justify-content:space-between;margin:60px 0!important;text-align:center;}
.threecol .ccchildpage {float:unset;position:relative;padding:0 0 50px 0;margin:0 0 40px;}
.ccpages_more {position:absolute;bottom:0;}
.ccchildpages h3 {margin:auto;}
.ccpages_excerpt {text-align:left;}
.flex.nav-btns {justify-content:space-between;flex-basis:100%;margin-top:30px;}
.entry.flex {justify-content:space-between;}
.image-wrap {width:35%;}
.post-wrap {width:60%;}
.taxonomy-description {flex-basis:100%;text-align:center;margin-bottom:60px;}

/*Widgets & Sidebar*/
.widget-area ul {margin:0;padding:0;}
.widget-area li {list-style:none;}
.v-widgets li.widget {margin-bottom:30px;}
h3.accordion-title {cursor:pointer;outline:none;padding-left:45px;position:relative;}
h3.accordion-title::before {display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;-webkit-font-smoothing: antialiased;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f067";color:#000;font-size:2rem;position:absolute;left:0;top:5px;}
h3.accordion-title.read.open::before {content:"\f068";}
.main-social {display:flex;width:400px;margin:0 auto;padding:0;justify-content:space-between;}
.main-social li {list-style:none;width:80px;}
.main-social li a {color:#fff;text-align:center;display:block;}
.main-social li a .fab {font-size:2.8rem;width:80px;height:80px;border-radius:160px;margin:0 auto;text-align:center;line-height:80px;border:2px solid #fff;display:block;}

/*Flex*/
.flex {display:flex;}
.flex > li {list-style:none;}

/*Widgets*/
#top-bar {width:100%;}
#top-bar ul.xoxo {display:flex;justify-content:space-between;padding:4px;width:100%;}
#top-bar ul.xoxo li.widget {}
#top-bar ul.xoxo li.widget#nav_menu-2 {width:300px;}
#top-bar ul.xoxo li.widget#nav_menu-2 ul {float:right;}
#custom_html-2 ul li {margin-right:4px;}
#custom_html-2 ul li .fab {font-size:1.6rem;}
#home-widgets {color:#fff;padding:0 30px 30px;}
#home-widgets h2.widgettitle {color:#fff;}
#home-widgets ul.xoxo {display:flex;justify-content:space-evenly;}
#mc4wp_form_widget-2 {text-align:center;}
#mc4wp_form_widget-2 input[type="email"] {background:none;border:2px solid #fff;color:#fff;width:300px;padding:10px;font-size:1.2rem;text-align:center;}
#mc4wp_form_widget-2 input[type="submit"] {background:none;border:2px solid #fff;color:#fff;width:150px;padding:10px;font-size:1.2rem;text-align:center;cursor:pointer;background:#2f79b3;}
#mc4wp_form_widget-2 input[type="submit"]:hover {background:#275e8a;}
#mc4wp_form_widget-2 input::placeholder {color:#fff;}
#text-3 {max-width:100%;flex-basis:100%;}
#text-3 ul {display:flex;margin:0;padding:0;justify-content:space-between;flex-flow:row wrap;}
#text-3 ul li {flex-basis:15%}
#text-6 {width:400px;max-width:100%;text-align:right;}

/*Blog*/
.category .content-area {max-width:1300px;}
.single .content-area {flex-flow:row wrap;}
.blog h2 {flex-basis:100%;text-align:center;margin-bottom:60px;}
.blog.flex {flex-flow:row wrap;}
.blog.flex .post {flex-basis:30%;margin-bottom:40px;color:#565656;}
.blog.flex .post h3 {margin:0;}
.blog.flex .post .post-date {margin:0 0 5px;font-style:italic;font-size:0.8rem;}
.category .read-more {display:block;color:#000;margin-top:15px;}
#nav-below {flex-basis:100%;display:flex;justify-content:space-between;margin-top:30px;}
.category h3 a {color:#000;}
.featured-posts {margin:0 0 35px;padding:0;justify-content:space-between;flex-flow:row wrap;}
.featured-posts li {list-style:none;flex-basis:22%;}


/*Footer*/
#footer-wrapper {width:100%;padding:60px 0;}
#footer {width:90%;margin:0 auto;}
#footer {margin:0 auto;clear:both;}
#footer h3 {color:#000;font-size:1rem;}
.footerul {justify-content:space-between;flex-flow:row wrap;align-items:center;}
#text-2 {flex-basis:30%;}
#custom_html-3 {flex-basis:45%;}
#custom_html-4 {flex-basis:25%;}
.footer-logos {display:flex;align-items:center;justify-content:space-between;flex-flow:row wrap;}
.footer-logos.col {flex-direction:column;}
.footer-logos.col img {max-width:200px;}
.footer-logos li {flex-basis:33%;text-align:center;margin-bottom:20px;}
.footer-logos li img {max-width:90%;display:block;margin:0 auto;}
/*credit*/
.credit {width:100%;color:#fff;background:#221f1f;padding:8px 10px;font-size:0.8rem;}
.credit a {color:#fff;float:right;}
.credit p {margin:0;}
.fouroneeight{float:right;}

@media only screen and (max-width: 1368px), only screen and (max-device-width: 1368px) {
.content-area {width:85%;}
}

@media only screen and (max-width: 1150px), only screen and (max-device-width: 1150px) {
.home .post {flex-flow:row wrap;}
.home .post .entry {flex-basis:100%;text-align:center;}	
.home .post img {display:none;}
#text-2 {flex-basis:100%;margin-bottom:30px;}
#custom_html-3,#custom_html-4 {flex-basis:100%;}
.footer-logos.col {flex-direction:row;}
}
	
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
.content-area {width:95%;}
.threecol .ccchildpage {width:48%;}
}
	
@media only screen and (max-width: 950px), only screen and (max-device-width: 950px) {
.home-groups ul li {width:48%;margin-bottom:60px;}
.home-projects ul li {width:50%;}
.blog.flex .post {flex-basis:47%;}
.featured-posts li {flex-basis:44%;margin-bottom:25px;}
}
	
@media only screen and (max-width: 850px), only screen and (max-device-width: 850px) {
.footerul {flex-flow:row wrap;}
.footerul li.widget {flex-basis:100%;margin-bottom:30px;}
.home-projects ul, .home-groups ul {padding:0 10px;}
.home-news ul li {width:100%;}
#text-3 ul li {flex-basis:32%;}
#text-3 ul li img {margin:0 auto;display:block;float:none;}
#text-6 {text-align:left;}
.footer-logos {flex-flow:row wrap;}

}
	
@media only screen and (max-width: 750px), only screen and (max-device-width: 750px) {
.left {flex-basis:100%;}
.left img {margin:0 auto;display:block;}
.right {flex-basis:100%;}
.entry.flex {flex-flow:row wrap;}
.image-wrap,.post-wrap,.featured-posts li {flex-basis:100%;}
}
@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
.threecol .ccchildpage {width:100%;}
.main-social {width:260px;flex-flow:row wrap;}
.main-social li {width:130px;margin-bottom:40px;}
.home .metaslider .caption {font-size:2rem;}
.home-projects ul li {width:100%;}
.home-groups ul li {width:100%;margin-bottom:50px;}
.blog.flex .post {flex-basis:100%;}
.top-bar {padding:0 5px;}
}