/*
Theme Name: SAM Blog - Atomic Blocks Child
Template: atomic-blocks-theme
Author: Child Theme Configurator
Version: 1.0.1585849293
Updated: 2020-04-02 09:41:33
*/

body, button, input[type='button'], input[type='reset'], input[type='submit'], .button, #page #infinite-handle button {
	font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif!important;
}

body {
	color:#333!important;
}

h1, h2, h3, h4, h5 {
	font-family: 'Gotham 9r','Gotham A','Gotham B',Arial,Helvetica,sans-serif!important;

}
h6, .credit, credit {
	font-size: 1.5rem;
    font-family: 'Gotham SSm 4r','Gotham SSm A','Gotham SSm B',Arial,Helvetica,sans-serif!important;
    font-weight: 400!important;
    line-height: 2.25rem;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
	box-shadow: none!important;
}

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .comment-navigation a, #page #infinite-handle button, .wp-block-button__link  {
	border-radius:0px!important;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="week"], input[type="tel"], input[type="time"], input[type="month"], input[type="tel"], textarea, select, .select2-container .select2-selection--single {
	color:#999!important;
}

ul {
	list-style: disc;
}

/* GLOBAL LAYOUT */
.site-content {
	padding: 0 0 0 0!important;
}

.alignfull:last-child, .alignwide:last-child {
	margin-bottom:0!important;
}

.wp-block-button__link {
	font-weight:800;
}

/* HEADER */

.site-header {
	background: #fff!important;
}
.site-title-wrap {
	max-width: 100%!important;
	display: flex;
  	align-items: center;
  	justify-content: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.custom-logo-link img {
	margin:3rem;
	display:none;
}

.site-title {
	text-align:center;
}

.site-title a {
    color: #333;
    transition: .1s ease-in;
    position: relative;
    font-weight: 800;
    font-size: 50px;
}

.site-title a:hover {
	color:#000!important;
}

.site-description {
    color: #999;
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    display: block;
    width: 100%;
    position: relative;
    text-align: center;
    font-weight: 600;
	text-transform: uppercase;
	display: none;
}

.curved-text {
  position: relative;
    width: 0;
    height: 0;
    margin: 0 auto;
    font-size: 12px!important;
    font-weight: 700!important;
	top:105px;
}

.curved-text a {
	color:#bababa;
}

.curved-text a:hover {
	color:#333;
}


.curved-text span {
  position: absolute;
    bottom: 0;
    /* left: 50%; */
    width: 10px;
    height: 110px;
    margin-left: 0px;
    line-height: 0px;
    text-align: center;
    transform-origin: bottom center;
}
.curved-text span:nth-of-type(1)  {
  transform: rotate(-43deg);
}
.curved-text span:nth-of-type(2)  {
  transform: rotate(-38deg);
}
.curved-text span:nth-of-type(3)  {
  transform: rotate(-32deg);
}
.curved-text span:nth-of-type(4)  {
  transform: rotate(-27deg);
}
.curved-text span:nth-of-type(5)  {
  transform: rotate(-22deg);
}
.curved-text span:nth-of-type(6)  {
  transform: rotate(-17deg);
}
.curved-text span:nth-of-type(7)  {
  transform: rotate(-12deg);
}
.curved-text span:nth-of-type(8)  {
  transform: rotate(-8deg);
}
.curved-text span:nth-of-type(9)  {
  transform: rotate(-3deg);
}
.curved-text span:nth-of-type(10)  {
  transform: rotate(3deg);
}
.curved-text span:nth-of-type(11)  {
  transform: rotate(8deg);
}
.curved-text span:nth-of-type(13)  {
  transform: rotate(16deg);
}
.curved-text span:nth-of-type(14)  {
  transform: rotate(22deg);
}
.curved-text span:nth-of-type(15)  {
  transform: rotate(27deg);
}
.curved-text span:nth-of-type(16)  {
  transform: rotate(32deg);
}
.curved-text span:nth-of-type(17)  {
  transform: rotate(37deg);
}
.curved-text span:nth-of-type(18)  {
  transform: rotate(43deg);
}

/* NAV */

.top-navigation-right {
    float: none!important;
    max-width: 100%!important;
	display: flex!important;
  	align-items: center!important;
  	justify-content: center!important;
}

.top-navigation .main-navigation {
	text-align: center!important;
}

.site-identity .main-navigation ul {
	display: flex; 
	justify-content: space-evenly;
}

.main-navigation ul li {
	padding:0px!important;
	font-size: 20px;
	flex: 0;
	
}

.main-navigation ul li a {
	color: rgba(0, 0, 0, 1);
	padding: 0px 10px!important;
	position: relative;
	display: inline-block;
}

.main-navigation ul li a:before {
	color: rgba(0, 0, 0, 1);
    content: attr(data-text);
    position: absolute;
    bottom: 0;
    padding: 10px 0;
    height: 0%;
    overflow: hidden;
    width: 100%;
    white-space: pre;
}

a:hover:before {
    transition: .4s;
    height: 100%;
}

.main-navigation ul li a:hover{
	color:#fff!important;
}

.main-navigation ul li.menu-item-14413 a {
	box-shadow: inset 0 -0.5rem #6607a5;
	transition: all 0.4s;
}

.main-navigation ul li.current-menu-item.menu-item-14413 a {
	box-shadow: inset 0 -4.6rem #6607a5;
	color:#fff!important;
}

.main-navigation ul li.menu-item-14413 a:hover {
	box-shadow: inset 0 -4.6rem #6607a5;
}

.main-navigation ul li.menu-item-14414 a {
	box-shadow: inset 0 -0.5rem #00a8d0;
	transition: all 0.4s;
}

.main-navigation ul li.current-menu-item.menu-item-14414 a {
	box-shadow: inset 0 -4.6rem #00a8d0;
	color:#fff!important;
}

.main-navigation ul li.menu-item-14414 a:hover {
	box-shadow: inset 0 -4.6rem #00a8d0;
}

.main-navigation ul li.menu-item-14411 a {
	box-shadow: inset 0 -0.5rem #e00e81;
	transition: all 0.4s;
}

.main-navigation ul li.current-menu-item.menu-item-14411 a {
	box-shadow: inset 0 -4.6rem #e00e81;
	color:#fff!important;
}

.main-navigation ul li.menu-item-14411 a:hover {
	box-shadow: inset 0 -4.6rem #e00e81;
}

.main-navigation ul li.menu-item-14409 a {
	box-shadow: inset 0 -0.5rem #ff812c;
	transition: all 0.4s;
}

.main-navigation ul li.current-menu-item.menu-item-14409 a {
	box-shadow: inset 0 -4.6rem #ff812c;
	color:#fff!important;
}

.main-navigation ul li.menu-item-14409 a:hover {
	box-shadow: inset 0 -4.6rem #ff812c;
}

.main-navigation ul li.menu-item-14410 a {
	box-shadow: inset 0 -0.5rem #93cc09;
	transition: all 0.4s;
}

.main-navigation ul li.current-menu-item.menu-item-14410 a {
	box-shadow: inset 0 -4.6rem #93cc09;
	color:#fff!important;
}

.main-navigation ul li.menu-item-14410 a:hover {
	box-shadow: inset 0 -4.6rem #93cc09;
}

.main-navigation ul li.menu-item-14412 a {
	box-shadow: inset 0 -0.5rem #ffbf1f;
	transition: all 0.4s;
}

.main-navigation ul li.current-menu-item.menu-item-14412 a {
	box-shadow: inset 0 -4.6rem #ffbf1f;
	color:#fff!important;
}

.main-navigation ul li.menu-item-14412 a:hover {
	box-shadow: inset 0 -4.6rem #ffbf1f;
}



/* HOME */

.home .home-search {

}

.home-search input {
	border:none!important;
	border-bottom: 6px solid #333!important;
	padding:15px 0px !important;
	font-size: 1.75rem!important;
}

.home-search button {
	position: relative;
    border: 6px solid #333!important;
    color: #333!important;
    text-transform: lowercase!important;
    padding: 1rem 1.25rem!important;
	background:transparent!important;
}

.home #page {
    padding-top: 0%!important;
    bottom: -1px;
    position: relative;
}

.home .entry-title {
	display:none!important;
}

.home-featured-post h3.gb-block-post-grid-title {
    font-size: 4.25rem!important;
    line-height: 4.75rem!important;
}
.home .gb-block-post-grid {
	text-align:center;
}

.home .gb-block-post-grid.category-featured {
	margin-bottom: 0px!important;
}

.home .gb-block-post-grid .gb-post-grid-section-title, .header-text h1 {
	display: flex;
   	justify-content: center;
  	align-items: center;
    display: inline-block;
	border-bottom: 6px solid #333;
	padding: 0 6px;
	color:#333!important;
}

.home .gb-block-post-grid .gb-post-grid-section-title {
	margin-bottom:3rem;
}

.header-text h1 {
	margin-bottom:2rem;
}

.home .gb-block-post-grid.home-read .gb-post-grid-section-title, .category-read .header-text h1 {
	border-bottom-color: #6607a5;
}

.home .gb-block-post-grid.home-watch .gb-post-grid-section-title, .category-watch .header-text h1 {
	border-bottom-color: #00a8d0;
}

.home .gb-block-post-grid.home-listen .gb-post-grid-section-title, .category-listen .header-text h1 {
	border-bottom-color: #e00e81;
}

.home .gb-block-post-grid.home-create .gb-post-grid-section-title, .category-create .header-text h1 {
	border-bottom-color: #ff812c;
}

.home .gb-block-post-grid.home-learn .gb-post-grid-section-title, .category-learn .header-text h1 {
	border-bottom-color: #93cc09;
}

.home .gb-block-post-grid.home-participate .gb-post-grid-section-title, .category-participate .header-text h1 {
	border-bottom-color: #ffbf1f;
}

.gb-block-post-grid .gb-block-post-grid-byline, .entry-byline, .entry-byline a {
	text-transform: uppercase!important;
	font-weight:600!important;
	color:#999!important;
}

/* POSTS */

.category .container.text-container {
    padding: 0;
    background-color: #efefef;
    max-width: 100%;
}

.category .container.text-container {
    padding: 0;
    max-width: 100%;
}

.category-read  .container.text-container {
	background-color: #6607a575!important
}

.category-watch  .container.text-container {
	background-color: #00a8d075!important
}

.category-create  .container.text-container {
	background-color: #ff812c75!important
}

.category-learn  .container.text-container {
	background-color: #bde75975!important
}

.category-listen  .container.text-container {
	background-color: #e00e8175!important
}

.category-participate  .container.text-container {
	background-color: #ffbf1f75!important
}

.entry-header .entry-title {
	line-height:1!important;
}

.entry-byline-author:before {
	content:"BY ";
}

.entry-byline-author:after {
	content:" / ";
}

.avatar, .entry-byline-on {
	display:none;
}

.browsing {
	display: none!important;
}

.page-navigation {
	margin-bottom: 8%;
}

.wp-block-image .aligncenter>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image .alignright>figcaption, .wp-block-image.is-resized>figcaption {
	display:block!important;
}

.entry-content .meta-list a {
	color: #6607a5;
}

/* CATEGORY/ARCHIVE */

.category .entry-content, .archive .entry-content {
    display: none;
}

.category .entry-title::after, .archive .entry-title::after {
	
	content: "»"
}
/* BLOCKS */

.intro-block {
	border: #333 6px solid!important;
    padding: 3rem!important;
}


/* TAGS */

.popular-tags, .fullwidth-popular-tags .wp-block-buttons {
	text-align:center;
}

.tag-cloud-link {
    background: #ffffff99;
    box-shadow: none!important;
    font-size: 18px!important;
    margin-bottom: 5px;
    font-weight: 600;
    padding: .25rem 1.15rem;
    color: #333!important;
    display: inline-block;
}

.tag-cloud-link:hover {
	background:#ffffff;
}


@-webkit-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}
@keyframes rainbow { 
    0%{background-position:0% 82%}
    50%{background-position:100% 19%}
    100%{background-position:0% 82%}
}

.fullwidth-popular-tags {
	padding: 5% 0;
	background: linear-gradient(124deg, #6607a5, #6607a5, #00a8d0, #93cc09, #ffbf1f, #ff812c, #e00e81, #e00e81);
	background-size: 1500% 1500%;
	-webkit-animation: rainbow 40s ease infinite;
	-z-animation: rainbow 40s ease infinite;
	-o-animation: rainbow 40s ease infinite;
  	animation: rainbow 40s ease infinite;
}


.fullwidth-popular-tags h2 {
	color:#fff;
}

.wp-block-button__link.view-all-button  {
	font-weight: 800;
    border: 5px solid #fff!important;
    background-color: transparent!important;
    opacity: .9!important;
    color: #fff;
}

.wp-block-button__link.view-all-button:hover {
	opacity:1!important;
}

/* RELATED CONTENT */

.single .related-post-wrap {
	background-color: #ff812c!important;
	margin-top: 3%;
	padding: 3% 0;
}

.single .related-post-wrap .jp-relatedposts-post-date {
	color:#fff!important;
	text-transform:uppercase!important;
	font-weight:600!important;
}

.jp-relatedposts-post-context {
	display:none!important;
}

/* FOOTER */

.site-footer, .footer-widgets h2 {
	background-color:#333!important;
	color:#fff!important;
}

.site-footer a {
	color:#fff!important;
	border-bottom:none!important;
}

.site-footer a:hover {
	color:#fff!important;
	text-decoration:none!important;
}

.site-footer .text-widget a {
	opacity:.8;
}

.site-footer .text-widget a:hover {
	opacity:1;
}

.footer-tagline {
	display:block;	
}

.footer-tagline a {
	border-bottom:none!important;
	color:#fff!important;
}



.footer-tagline a:hover {
	text-decoration:none;
	border-bottom:1px solid #fff!important;
}

.footer-widgets + .footer-bottom {
    border-top: solid 6px rgba(255, 255, 255, 0.1);
}

.footer-widgets ul li {
	padding:0 0 0 0!important;
}

.site-info {
	width:100%!important;
	text-align: center;
	font-size: 1.25rem;
}

.searchsubmit span {
	display: none!important;
}

.search-input {
	border:none!important;
}

/* MOBILE */

.drawer .drawer-navigation ul li {
	border-bottom:none!important;
	text-align:center!important;
}

.drawer .drawer-navigation ul li a {
	display: block!important;
	padding: 1.5rem 2rem!important;
	font-weight:700;
}

.drawer .drawer-navigation a {
	    color: rgba(255, 255, 255, 1);
}

.drawer-menu-explore {
	background-color:#333!important;
	padding:0px!important;
}

.drawer nav {
	padding:0px!important;
}

.mobile-navigation {
	background-color:#333!important;}
.mobile-navigation button {
text-transform:lowercase;
}

#menu-item-14413 a {
	background-color:#6607a5;
}

#menu-item-14414 a {
	background-color:#00a8d0;
}

#menu-item-14411 a {
	background-color:#e00e81;
}

#menu-item-14409 a {
	background-color:#ff812c;
}

#menu-item-14410 a {
	background-color:#93cc09;
}

#menu-item-14412 a {
	background-color:#ffbf1f;
}



@media (max-width: 1000px) {
.site-identity {
    padding: 2% 0;
}
	
	.custom-logo-link {
    text-align: center;
    width: 100%;
		display: none;}
}

.header-text {
	margin: 5% auto!important;
}

.curved-text {
		top:125px;
	}
	.site-title-wrap {
		margin-top:50px;
	}
}
@media (max-width: 600px){
.site-identity {
    padding: 3% 0;
	}
	
}