@import url(//fonts.googleapis.com/css?family=Rationale);
body { 
	background-image: url(http://www.theatomicpunks.com/wp-content/uploads/2017/02/bg-2.png)!important;
	background-repeat: repeat!important;
	background-attachment: fixed!important;
	background-color: #000000!important;
	color: #ffffff;
	border-bottom-color: #000000;
}
body a { 
	color: #009688;
}
#header { 
	background-position: center bottom;
	background-color: #000000!important;
	color: #7f7f7f;
}
#header .blockquote-box figcaption:before { 
	color: #7f7f7f;
}
.heading h1, .container, .iron_widget_newsletter { 
	background-color: #000000!important;
}
.nav-holder, .panel.fixed-bar { 
	background-color: #000000!important;
}
.nav-holder #nav div > ul > li > a { 
	background-color: #000000!important;
	color: #009688;
}
.nav-holder #nav div > ul > li:hover > a, .caroufredsel_wrapper .slide a.hover, .article a.hover { 
	background-color: #c5000d!important;
	color: #ffffff;
}
.nav-holder #nav div > ul > li.current_page_item > a { 
	background-color: #6d6d6d!important;
	color: #000000;
}
.block .holder, .caroufredsel_wrapper .slide a { 
	background-image: url(http://www.theatomicpunks.com/wp-content/uploads/2017/03/ap-bg-2.png)!important;
	background-repeat: repeat!important;
	background-attachment: scroll!important;
	background-color: #000000!important;
}
.block .holder .title-box, section .heading, .panel__heading { 
	background-image: url(http://www.theatomicpunks.com/wp-content/uploads/2017/04/bg-stripes-1.jpg)!important;
	background-repeat: repeat!important;
	background-color: #dd9933!important;
}
.carousel .btn-next, .carousel .btn-prev { 
	background-color: #c5000d!important;
	color: #ffffff;
}
.carousel .btn-next.hover, .carousel .btn-prev.hover { 
	background-color: #212121!important;
}
.block .holder .title-box a.link, section .heading a, .panel__heading a { 
	color: #ffffff;
}
.container h2 { 
	font-family: Rationale;
	text-transform: uppercase;
	color: #ffffff;
}
.container h3 { 
	font-family: Rationale;
	text-transform: uppercase;
}
@import url('https://fonts.googleapis.com/css2?family=Rationale&display=swap');

/* =========================================================
   CUSTOM FONTS
   ========================================================= */

@font-face {
    font-family: 'Oswald';
    src: url('https://www.theatomicpunks.com/wp-content/themes/ironband/fonts/oswald-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Oswald';
    src: url('https://www.theatomicpunks.com/wp-content/themes/ironband/fonts/oswald-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   PAGE BACKGROUND AND GENERAL COLORS
   ========================================================= */

body {
    background-color: #000000 !important;
    background-image: url('https://www.theatomicpunks.com/wp-content/uploads/2017/02/bg2m.png') !important;
    background-repeat: repeat !important;
    background-attachment: fixed !important;
    color: #ffffff;
    border-bottom-color: #000000;
}

body a {
    color: #009688;
}

.carousel .datetime,
.article .datetime {
    color: #009688;
}


/* =========================================================
   HEADER
   ========================================================= */

#header {
    background-color: #000000 !important;
    background-image: url('https://www.theatomicpunks.com/wp-content/uploads/2017/03/ap-bg-2.png') !important;
    background-position: center bottom;
    color: #7f7f7f;
}

#header .blockquote-box figcaption::before {
    color: #7f7f7f;
}

.heading h1,
.container,
.iron_widget_newsletter {
    background-color: #000000 !important;
}


/* =========================================================
   NAVIGATION
   ========================================================= */

.nav-holder,
.panel.fixed-bar {
    background-color: #000000 !important;
}

.nav-holder #nav div > ul > li > a {
    background-color: #000000 !important;
    color: #009688;
}

.nav-holder #nav div > ul > li:hover > a,
.caroufredsel_wrapper .slide a.hover,
.article a.hover {
    background-color: #c5000d !important;
    color: #ffffff;
}

.nav-holder #nav div > ul > li.current_page_item > a {
    background-color: #6d6d6d !important;
    color: #000000;
}


/* =========================================================
   CONTENT BLOCKS
   ========================================================= */

.block .holder,
.caroufredsel_wrapper .slide a {
    background-color: #000000 !important;
    background-image: url('https://www.theatomicpunks.com/wp-content/uploads/2017/03/ap-bg-2.png') !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}

.block .holder .title-box,
section .heading,
.panel__heading {
    background-color: #282828 !important;
    background-image: url('https://www.theatomicpunks.com/wp-content/uploads/2017/04/bg-stripes-1.jpg') !important;
    background-repeat: repeat !important;
}

.block .holder .title-box a.link,
section .heading a,
.panel__heading a {
    color: #ffffff;
}


/* =========================================================
   CAROUSEL CONTROLS
   ========================================================= */

.carousel .btn-next,
.carousel .btn-prev {
    background-color: #c5000d !important;
    color: #ffffff;
}

.carousel .btn-next.hover,
.carousel .btn-prev.hover {
    background-color: #212121 !important;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.container h2 {
    font-family: 'Rationale', sans-serif;
    text-transform: uppercase;
    color: #ffffff;
}

.container h3 {
    font-family: 'Rationale', sans-serif;
    text-transform: uppercase;
}

.container h1 {
    color: #000000;
    font-family: 'Oswald', sans-serif;
    font-size: 70px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
    text-shadow: -3px 5px 2px rgb(0, 0, 0);
    -webkit-text-stroke: 1.25px hsla(0, 0%, 100%, 0.45);
    background-color: rgba(0, 0, 0, 0.5) !important;
    background-image: url('https://www.theatomicpunks.com/wp-content/uploads/2017/04/darker-stripes.png') !important;
    padding: 18px;
}


/* =========================================================
   RESPONSIVE HEADINGS
   ========================================================= */

@media only screen and (max-width: 903px) {
    .container h1 {
        color: #ffffff;
        font-size: 60px;
        padding: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .container h1 {
        color: #000000;
        font-size: 38px;
        padding: 14px;
    }
}

@media only screen and (max-width: 414px) {
    .container h1 {
        color: #000000;
        font-size: 36px;
        -webkit-text-stroke-width: 1px;
        padding: 14px;
    }
}

@media only screen and (max-width: 375px) {
    .container h1 {
        color: #000000;
        font-size: 28px;
        -webkit-text-stroke-width: 1px;
        padding: 14px;
    }
}

@media only screen and (max-width: 320px) {
    .container h1 {
        color: #000000;
        font-size: 22px;
        -webkit-text-stroke-width: 1px;
        padding: 14px;
    }
}