/*
    Theme Name: Midnight Theme
    Theme URI: https://www.ejeet.net/
    Description: The Ultimate Dragon Flight Theme
    Author: EJEET
    Author URI: https://www.ejeet.net/
    Version: 17.0.7
    License: GNU General Public License v2 or later
    License URI: https://www.gnu.org/licenses/gpl-2.0.html
    Tags: black, blue, two-columns, right-sidebar
*/

/* INDEX:

    =GENERAL
    =LAYOUT
    =HEADER
    =MENUS
    =POST
    =WOOCOMMERCE
    =SITEMAP
    =CONTACT FORM
    =SLIDER
    =WP-PAGENAVI
    =FOOTER
    =WIDGETS
    =COMMENTS
    =RESPONSIVE
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&family=EB+Garamond:ital,wght@0,400;1,400&family=Rubik:wght@400;500;700&display=swap');

/* =GENERAL #000000
-------------------------------------------------------------- */

html {
    scroll-behavior: smooth;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body {
    background: url('images/background.jpg') no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    background-color: #050510;
	font-family: 'EB Garamond', serif;
    font-size: 17px;
	font-weight: 400;
    line-height: 1.7;
    color: #e0e0e0;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.5;
    font-family: 'Cinzel', serif;
}

a {
    color: #a855f7;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover, a:focus {
    color: #d8b4fe;
    text-decoration: none;
}

a:focus {
    outline: none;
}

/* =LAYOUT
-------------------------------------------------------------- */

#container {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

#main {
    padding: 30px 15px;
    background: #13131f;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    border-radius: 4px;
    animation: fadeInUp 1s ease-out;
}

#main-fullwidth {
    padding: 30px 15px;
    background: #13131f;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    border-radius: 4px;
    animation: fadeInUp 1s ease-out;
}

#content {
    overflow: hidden;
    width: 67%;
}

#sidebar-primary {
    overflow: hidden;
    width: 30%;
    margin-left: 3%;
    position: sticky;
    top: 20px;
    align-self: flex-start;
}

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

#header {
    height: auto;
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.logo, .header-right {
    width: 50%;
}

.logo {
    float: left;
}

.logo h1.site_title {
    margin: 0;
    padding:0;
    font-family: 'Cinzel', serif;
    font-size:48px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.logo h1.site_title a, .logo h1.site_title a:hover {
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 15px rgba(168, 85, 247, 0.6);
}

.logo h2.site_description {
    margin: 0;
    padding:0;
    color: #999;
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    font-size:14px;
    line-height: 14px;
}

.header-right {
    float: right;
}

#top-social-profiles {
    /* This element is moved to the footer via JS */
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
}
#top-social-profiles img {
    width: 28px;
    height: 28px;
    object-fit: cover; /* Prevents image distortion */
    border-radius: 50%;
    margin: 0 !important;
    transition: all 0.3s ease;
    filter: grayscale(100%) opacity(90%);
} 

#top-social-profiles img:hover {
    transform: scale(1.1);
    filter: grayscale(0%) opacity(100%);
}
#top-social-profiles .widget-container {
  background: none;
  padding: 0;
  border: 0;
  box-shadow: none;
}

/* =MENUS
-------------------------------------------------------------- */

/* Menu Primary
----------------------------*/

.menu-primary-container {
    float: right;
    padding:0;
    position:relative;
    height: 34px;
    z-index: 400;
}

.menu-primary {
}

.menu-primary ul {
    min-width: 180px;
}

/* First Level - Menu Primary */

.menu-primary li a {
    color: #fff;
    padding: 11px 15px;
    text-decoration: none;
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
}

.menu-primary li a:hover, .menu-primary li a:active, .menu-primary li a:focus,
.menu-primary li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
    color: #d8b4fe;
    outline: 0;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.8);
}

/* Child Levels - Menu Primary */

.menu-primary li ul {
    background: #fff;
    padding: 10px 0;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.menu-primary li li a {
    color: #222;
    text-transform: none;
    padding: 10px 15px;
    margin: 0;
    border: 0;
    font-weight: 500;
}

.menu-primary li li a:hover, .menu-primary li li a:active, .menu-primary li li a:focus,
.menu-primary li li:hover > a, .menu-primary li li.current-cat > a, .menu-primary li li.current_page_item > a, .menu-primary li li.current-menu-item > a {
    color: #000000;
    outline: 0;
    border-bottom:0;
    text-decoration: none;
}


/* Arrows Menu Primary */

.menu-primary a.sf-with-ul {
    padding-right: 20px;
    min-width: 1px;
}
.menu-primary  .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 11px 10px 0 0;
}

.menu-primary  li li .sf-sub-indicator {
    padding: 11px 10px 0 0;
}

/* Shadows Menu Primary */

.wrap-menu-primary .sf-shadow ul {
    background:	none;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

/* Menu Secondary
----------------------------*/

.menu-secondary-container {
    position:relative;
    height: 44px;
    height: 50px;
    z-index: 300;
    background: #0f0f1a;
    background: linear-gradient(to bottom, #13131f 0%, #050510 100%);
    border-top: 1px solid #2e1065;
    border-bottom: 1px solid #2e1065;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.menu-secondary {}

.menu-secondary ul {
    min-width: 180px;
    background: #0f0f1a;
}

/* First Level - Menu Secondary */
.menu-secondary li a {
    color: #fff;
    padding: 16px 15px ;
    color: #d8b4fe;
    padding: 0 25px;
    line-height: 48px;
    text-decoration: none;
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    font-size: 12px;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    transition: all 0.2s ease-in-out;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    border-right: 1px solid rgba(46, 16, 101, 0.5);
    position: relative;
}

.menu-secondary > ul > li:first-child > a {
    border-left: 1px solid rgba(46, 16, 101, 0.5);
}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
    color: #fff;
    background: #2e1065;
    background: rgba(168, 85, 247, 0.15);
    outline: 0;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0 0 20px rgba(168, 85, 247, 0.5);
    text-shadow: 0 0 10px #a855f7;
    box-shadow: inset 0 0 20px rgba(168, 85, 247, 0.3);
}

.menu-secondary li a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #a855f7;
    transform: scaleX(0);
    transition: transform 0.3s ease;
    box-shadow: 0 0 10px #a855f7;
}

.menu-secondary li a:hover:after,
.menu-secondary li.current-menu-item > a:after {
    transform: scaleX(1);
}

/* Child Levels - Menu Secondary */

.menu-secondary li ul {
    background: #0f0f1a;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.menu-secondary li li a {
    color: #fff;
    padding: 15px;
    text-transform: none;
    margin: 0;
    font-weight: 500;
    line-height: 1.5;
    border-right: none;
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus,
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
    color: #fff;
    background: #2e1065;
    outline: 0;
    box-shadow: none;
}

.menu-secondary li li a:after {
    display: none;
}

/* Arrows - Menu Secondary */

.menu-secondary a.sf-with-ul {
    padding-right: 26px;
    min-width: 1px;
}
.menu-secondary  .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 15px 13px 0 0;
}

.menu-secondary li li .sf-sub-indicator {

    padding: 15px 13px 0 0;
}

/* Shadows - Menu Secondary */

.wrap-menu-secondary .sf-shadow ul {
    background:	none;
    box-shadow: 0 10px 20px rgba(0,0,0,0.5);
}

/* =POST
-------------------------------------------------------------- */

/* Post General
----------------------------*/

.post {
	color: #fff;
    margin-bottom: 30px;
    border-bottom: 1px solid #333;
}

.page, .post-single {
    border-bottom: 0;
    margin-bottom: 0;
}

.title {
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
    font-family: 'Cinzel', serif;
    font-size: 30px;
    line-height: 1.4;
    font-weight: 700;
    animation: fadeInUp 0.8s ease-out forwards;
    opacity: 0;
}

.title a {
    color: #fff;
    text-decoration: none;
}

.title a:hover {
    color: #a855f7;
    text-decoration: none;
}

.entry {}

.entry iframe, 
.entry object, 
.entry embed {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16/9;
    height: auto;
    display: block;
    margin: 30px auto;
    border: 1px solid #2e1065;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.2);
    border-radius: 4px;
}

.entry video {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    margin: 30px auto;
    border: 1px solid #2e1065;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.2);
    border-radius: 4px;
}

blockquote {
    background: #0f0f1a;
    border: 1px solid #2e1065;
    border-left: 4px solid #a855f7;
    margin: 20px 0;
    padding: 20px;
    font-family: 'EB Garamond', serif;
    font-style: italic;
    font-size: 16px;
    color: #d8b4fe;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
}

.featured_image {
    padding: 0;
    border: none;
    background: none;
    width: 100%;
    height: auto;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    margin-bottom: 20px;
}

.page-title {
    color: #fff;
    margin: 0px 0 10px 0;
    padding: 0 0 10px 0;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 24px;
    font-family: 'Cinzel', serif;
    border-bottom: 2px solid #333;
    animation: fadeInUp 0.8s ease-out 0.2s forwards;
    opacity: 0;
}

/* Post Metas
----------------------------*/

.postmeta-primary {
    color: #999;
    font-style: italic;
    font-size: 12px;
    line-height: 18px;
    padding: 6px 0;
    margin: 0 0 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.postmeta-secondary {
    color: #999;
    font-style: italic;
    font-size: 12px;
    line-height: 18px;
    padding: 0 0 10px 0;
}

.postmeta-comment {
    float: right;	
	background: url(images/comments-big.png) no-repeat 0 0;
	width: 39px;
	height: 32px;
	padding: 4px 0 0 2px;
	text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.postmeta-comment a {
    color: #222222;
    text-decoration: none;
}

.postmeta-primary span, .postmeta-secondary span {
    padding:3px 0 3px 20px;
    background-position:left center;
    background-repeat: no-repeat;
}

.meta_date {
    background-image: url(images/date.png);
}

.meta_author {
    background-image: url(images/author.png);
}

.meta_comments {
    background-image: url(images/comments.png);
}

.meta_edit {
    background-image: url(images/edit.png);
}

.meta_categories {
    background-image: url(images/category.png);
}

.meta_tags {
    background-image: url(images/tags.png);
}

/* Loot Rarity Styles for Categories and Tags */
.meta_categories a, .meta_tags a {
    display: inline-block;
    padding: 2px 8px;
    margin: 0 4px 4px 0;
    background: #050510;
    border: 1px solid #333;
    border-radius: 3px;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Uncommon (Green) */
.meta_categories a:nth-child(4n+1), .meta_tags a:nth-child(4n+1) {
    color: #1eff00;
    border-color: #1eff00;
    text-shadow: 0 0 5px rgba(30, 255, 0, 0.3);
}

/* Rare (Blue) */
.meta_categories a:nth-child(4n+2), .meta_tags a:nth-child(4n+2) {
    color: #0070dd;
    border-color: #0070dd;
    text-shadow: 0 0 5px rgba(0, 112, 221, 0.3);
}

/* Epic (Purple) */
.meta_categories a:nth-child(4n+3), .meta_tags a:nth-child(4n+3) {
    color: #a335ee;
    border-color: #a335ee;
    text-shadow: 0 0 5px rgba(163, 53, 238, 0.3);
}

/* Legendary (Orange) */
.meta_categories a:nth-child(4n+4), .meta_tags a:nth-child(4n+4) {
    color: #ff8000;
    border-color: #ff8000;
    text-shadow: 0 0 5px rgba(255, 128, 0, 0.3);
}

.meta_categories a:hover, .meta_tags a:hover {
    text-shadow: none;
}

/* Hover States */
.meta_categories a:nth-child(4n+1):hover, .meta_tags a:nth-child(4n+1):hover {
    background-color: #1eff00;
    color: #000 !important;
    box-shadow: 0 0 15px #1eff00;
}
.meta_categories a:nth-child(4n+2):hover, .meta_tags a:nth-child(4n+2):hover {
    background-color: #0070dd;
    color: #fff !important;
    box-shadow: 0 0 15px #0070dd;
}
.meta_categories a:nth-child(4n+3):hover, .meta_tags a:nth-child(4n+3):hover {
    background-color: #a335ee;
    color: #fff !important;
    box-shadow: 0 0 15px #a335ee;
}
.meta_categories a:nth-child(4n+4):hover, .meta_tags a:nth-child(4n+4):hover {
    background-color: #ff8000;
    color: #000 !important;
    box-shadow: 0 0 15px #ff8000;
}

/* Read More
----------------------------*/

.readmore {
    margin-bottom: 15px;
    float: right;
}

.readmore a {
    color: #d8b4fe;
    background: transparent;
    font-family: 'Cinzel', serif;
    padding: 15px 25px;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid #a855f7;
    transition: all 0.3s ease;
    text-shadow: 0 0 8px rgba(168, 85, 247, 0.7);
}

.readmore a:hover {
    color: #fff;
    background: rgba(168, 85, 247, 0.1);
    border-color: #d8b4fe;
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.5);
    text-shadow: 0 0 15px rgba(216, 180, 254, 1);
    text-decoration: none;
}

/* =WOOCOMMERCE
-------------------------------------------------------------- */

.woocommerce .content, .woocommerce #main-fullwidth {
    background: #fff;
}

.variations .label {
    background-color:inherit;
    color: inherit;
    display: block !important;
    font-size: inherit;
    font-weight: inherit;
    line-height:inherit;
    text-shadow: none;
    vertical-align: inherit;
    white-space: inherit;
    padding: 8px 8px 8px 0 !important;
}
.woocommerce input[type="text"], .woocommerce input[type="password"], .woocommerce input.text, .woocommerce input.title, .woocommerce textarea, .woocommerce select {
    margin: 0;
    padding: 4px !important;
}

.quantity input[type="text"], .quantity input.text, .quantity input{
    margin: 0;
    padding: 0 !important;
}

.woocommerce img {
    width: auto !important;
    height: auto !important;
}

/* =SITEMAP
-------------------------------------------------------------- */
.sitemap {
}

.sitemap-col {
    width: 30%;
    padding: 0 0 0 10px;
}

.sitemap-col-archives {
    width: 45%;
    padding: 0 0 0 10px;
}

.sitemap h2 {
    font-size: 18px;
    font-weight: 700;
    border-bottom: 2px solid #eee;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
}

.sitemap h3 {
    font-size: 14px;
    font-weight: 700;
    padding: 0;
    margin: 0 0 10px 0;
}

.sitemap-list {
    font-size: 13px;
    line-height: 22px;
}

.sitemap-list, .sitemap-list ul {
    padding: 0 0 0 20px;
}

/* =CONTACT FORM
-------------------------------------------------------------- */
.contact-form {
}

.contact-form-label {
    width: 90px;
    font-weight: 700;
    font-size: 14px;
    padding: 7px 0;
}

.contact-form-input {
    margin-left: 90px;
}

.contact-form input[type=text] {
    padding: 6px;
    width: 60%;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact-form input[type=submit] {
    padding: 5px 50px;
    border: 1px solid #ccc;
    background: #eee;
}
.contact-form textarea {
    width: 96%;
    padding: 6px;
    height: 160px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    background: #fff;
}

.contact-form-required {
    color: red;
}

/* =SLIDER
-------------------------------------------------------------- */

.fp-slider {
    margin: 0 0 30px 0;
}

.fp-slides-container {
    position: relative;
}

.fp-slides, .fp-thumbnail, .fp-prev-next, .fp-nav {
    width: 100%;
    max-width: 760px;
}

.fp-slides, .fp-thumbnail {
    height: 370px;
    overflow: hidden;
    position: relative;
}

.fp-title {
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 0 0 2px 0;
    margin: 0;
}

.fp-title a, .fp-title a:hover {
    color: #fff;
    text-decoration: none;
}

.fp-content {
    position: absolute;
    overflow: hidden;
    padding: 30px 15px;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.7);
}

.fp-content p {
    color: #fff;
    padding: 0;
    margin: 0;
    line-height: 18px;
}

.fp-more,  .fp-more:hover{
    color: #fff;
    font-weight: 700;
}

.fp-nav {
    height: 12px;
    text-align: center;
    padding: 10px 0;
    background: #0f0f1a;
}

.fp-pager a {
    background-image: url(images/featured-pager.png);
    cursor:pointer;
    margin: 0 8px 0 0;
    padding: 0;
    display: inline-block;
    width: 12px;
    height: 12px;
    overflow: hidden;
    text-indent: -999px;
    background-position: 0 0;
    float: none;
    line-height: 1;
    opacity: 0.7;
    filter: alpha(opacity = 70);
}

.fp-pager a:hover, .fp-pager a.activeSlide  {
    text-decoration: none;
    background-position: 0 -112px;
    opacity: 1.0;
    filter: alpha(opacity = 100);
}

.fp-prev-next-wrap {
}

.fp-prev-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 42px;
    z-index: 200;
}

.fp-prev {
    float: left;
    margin-left: 14px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: rgba(0,0,0,0.8);
    text-align: center;
    opacity: 0.8;
    text-decoration: none;
}

.fp-prev:before {
    content: "\276E";
    color: #fff;
    position: relative;
    font-size: 20px;
}

 .fp-next {
    float: right;
    margin-right: 14px;
    width: 42px;
    height: 42px;
    line-height: 42px;
    background: rgba(0,0,0,0.8);
    text-align: center;
    opacity: 0.8;
    text-decoration: none;
}

.fp-next:before {
    content: "\276F";
    color: #fff;
    position: relative;
    font-size: 20px;
}

.fp-prev:hover,
.fp-next:hover{
    background: #000000;
    opacity: 1;
}

/* =WP-PAGENAVI
-------------------------------------------------------------- */

.wp-pagenavi {
    float: left;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 5px 8px;
	margin: 2px;
    font-size: 15px;
    line-height: 15px;
    float: left;
    background: #0f0f1a;
    border: 1px solid #2e1065;
    border-radius: 3px;
    transition: all 0.2s ease;
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
    color: #e0e0e0;
    background: #0f0f1a;
}

.wp-pagenavi span.current {
    font-weight: 700;
    color: #fff;
    background:#6b21a8;
    border-color: #a855f7;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

.wp-pagenavi a:hover {
    color: #fff;
    background: #581c87;
    border-color: #a855f7;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.3);
}

.wp-pagenavi span.pages {
    color: #aaa;
    background: none;
    padding: 4px 8px 4px 0;
    border: none;
}

.wp-pagenavi span.extend {
    background:transparent;
    color: #aaa;
    background: none;
    border: none;
}

/* =FOOTER
-------------------------------------------------------------- */

#footer {
    margin-bottom: 0;
    padding: 25px 15px;
    background: #050510;
    border-top: 1px solid #2e1065;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#copyrights {
    color: #fff;
    text-align: center;
    width: 100%;
}

#copyrights a {
    color: #fff;
} 

#copyrights a:hover {
    color: #fff;
    text-decoration: none;
} 

#credits {
    color: #fff;
    font-size: 11px;
    text-align: center;
    width: 100%;
}

#credits a {
    color: #fff;
} 

#credits a:hover {
    text-decoration: none;
    color: #fff;
}

/* Footer Widgets
----------------------------*/

#footer-widgets {
    background: linear-gradient(to bottom, #13131f 0%, #0f0f1a 100%);
    padding: 40px 15px;
    border-top: 3px solid #6b21a8;
    box-shadow: 0 -5px 15px rgba(107, 33, 168, 0.2);
	color: #fff;
}

.footer-widget-box {
    width: 23.5%;
    float: left;
    margin-right: 2%;
}

.footer-widget-box-last {
    margin-right: 0;
}

/* Footer Widgets Color */

#footer-widgets .widget-container {
    color: #aaa;
}

/* Footer Widgets Links */

#footer-widgets .widget-container a {
    color: #fff;
    text-decoration: none;
}

#footer-widgets .widget-container a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Footer Widgets Title */

#footer-widgets .widgettitle {
    border-color: #333;
}

/* Footer List Items */

#footer-widgets .widget ul li,
#footer-widgets .posts-widget ul li,
#footer-widgets .comments-widget ul li {
    border-bottom: 1px solid #333;
}

#footer-widgets .widget ul li:last-child,
#footer-widgets .posts-widget ul li:last-child,
#footer-widgets .comments-widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Footer Widgets Tabs */

#footer-widgets .tabs-widget {
    height: 92px;
}

#footer-widgets .tabs-widget li {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    margin-left: 0;
}

#footer-widgets .tabs-widget li a {
    background: #222;
    color: #aaa;
}

#footer-widgets .tabs-widget li a:hover, #footer-widgets .tabs-widget li a.tabs-widget-current {
    background: #6b21a8;
    color: #fff;
    text-decoration: none;
}

/* Footer Widgets Seaarch */

#footer-widgets #search {
    border: 1px solid #6b21a8 !important;
    background-color: #050510 !important;
}

#footer-widgets #search #s {
    color: #e0e0e0 !important;
}

/* =WIDGETS
-------------------------------------------------------------- */

/* Widgets Defaults
----------------------------*/

.widget-container {
    list-style-type: none;
    list-style: none;
    margin: 0 0 30px 0;
    padding: 20px;
    color: #fff;
    font-size: 13px;
    background: #0f0f1a;
    border: 1px solid #2e1065;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

.widget-container a {
    color: #fff;
    text-decoration: none;
}

.widget-container a:hover {
    color: #d8b4fe;
    text-decoration: none;
}

.widgettitle {
    margin: -20px -20px 20px -20px;
    padding: 15px 20px;
    position: relative;
    border-bottom: 1px solid #2e1065;
    background: linear-gradient(90deg, rgba(46, 16, 101, 0.6) 0%, rgba(15, 15, 26, 0) 100%);
}

.widgettitle, .widgettitle a, .widgettitle a:hover {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Cinzel', serif;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

.widgettitle:after {
    display: none;
}

.widget ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget ul li {
    padding: 8px 0 8px 25px;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #2e1065;
    position: relative;
    transition: all 0.3s ease;
}

.widget ul li:hover {
    background: rgba(46, 16, 101, 0.3);
    border-bottom-color: #a855f7;
}

.widget ul li:before {
    content: '';
    position: absolute;
    left: 5px;
    top: 12px;
    width: 6px;
    height: 6px;
    background: #1a1a2e;
    border: 1px solid #6b21a8;
    transform: rotate(45deg);
    transition: all 0.3s ease;
}

.widget ul li:hover:before {
    background: #a855f7;
    border-color: #fff;
    box-shadow: 0 0 8px #a855f7;
    transform: rotate(225deg);
}

.widget ul li .children {
    padding-top: 17px;
}

.widget ul li:last-child{
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}


/* Search
----------------------------*/

#search {
    border: 1px solid #6b21a8;
    background: #0f0f1a;
    text-align: left;
    padding: 8px 15px;
    border-radius: 20px;
    box-shadow: inset 0 0 10px rgba(0,0,0,0.5);
    transition: all 0.3s ease;
}

#search:hover {
    border-color: #a855f7;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.4);
}

#search #s {
    background: none;
    color: #e0e0e0;
    border: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    outline: none;
}

#content-search {
    width: 300px;
    padding: 15px 0;
}

/* Wp Calendar
----------------------------*/

#wp-calendar td:hover, #wp-calendar #today {
    background: #6b21a8;
    color: #fff;
}

#wp-calendar td:hover a, #wp-calendar #today a {
    color: #fff;
}

/* Text Widget
----------------------------*/

.textwidget {
    line-height: 18px;
}

/* Posts Widget
----------------------------*/

.posts-widget ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.posts-widget ul li {
    list-style-type: none;
    list-style: none;
    padding: 0 0 15px 0;
    margin: 0 0 15px 0;
    border-bottom: 1px solid #333;
}

.posts-widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.posts-widgettitle {
    font-weight: 700;
    padding: 0 0 5px 0;
    margin: 0;
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    font-size: 14px;
}

.posts-widgettitle a {}

.posts-widgettitle a:hover {}

.posts-widget-meta {
    font-style: italic;
    color: #999;
    padding: 0 0 5px 0;
}

.posts-widget-entry {
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    line-height: 20px;
}

.posts-widget-more {
    font-weight: 700;
}

.posts-widget-more:hover {}

.posts-widget-featured-image {
    border: 1px solid #333;
    padding: 4px;
    background-color: #fff;
}

.posts-widget .alignleft {
    margin: 0 8px 8px 0;
}

.posts-widget .alignright {
    margin: 0 0 8px 8px;
}

.posts-widget .aligncenter {
    margin-bottom: 8px;
}

/* Comments Widget
----------------------------*/

.comments-widget ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
}

.comments-widget ul li {
    list-style-type: none;
    list-style: none;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #333;
}

.comments-widget ul li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.comments-widget-author {
    text-decoration: none;
    font-weight: 700;
    padding: 0 0 5px 0;
    margin: 0;
}

.comments-widget-author:hover {}

.comments-widget-entry {
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    line-height: 20px;
}

.comments-widget-more {
    font-weight: 700;
}

.comments-widget-more:hover {}

.comments-widget-avatar {
    border: 1px solid #333;
    padding: 4px;
    background-color: #fff;
}

.comments-widget .alignleft {
    margin: 0 8px 0 0;
}

.comments-widget .alignright {
    margin: 0 0 0 8px;
}

.comments-widget .aligncenter {
    margin-bottom: 8px;
}

/* Info Box Widget
----------------------------*/

.infobox-widget ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0;
}

.infobox-widget ul li {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 5px 0 0 0;
}

.infobox-widget ul li a {
    text-decoration: none;
}

.infobox-widget-description {
    line-height: 20px;
}

.infobox-widget-more {
    font-weight: 700;
}

.infobox-widget-more:hover {
}


.infobox-widget .alignleft {
    margin: 0 10px 10px 0;
}

.infobox-widget .alignright {
    margin: 0 0 10px 10px;
}

.infobox-widget .aligncenter {
    margin-bottom: 10px;
}

.infobox-widget .inbottom {
    margin-top: 10px;
}

/* Social Profiles Widget
----------------------------*/
.social-profiles-widget img {
    margin: 0 4px 0 0;
}

.social-profiles-widget img:hover {
    opacity: 0.8;
}

/* Tabs Widget
----------------------------*/

.tabs-widget {
    list-style: none;
    list-style-type: none;
    margin: 0 0 15px 0;
    padding: 0;
    height: 36px;
}

.tabs-widget li {
    list-style: none;
    list-style-type: none;
    margin: 0 0 0 4px;
    padding: 0;
    float: left;
}

.tabs-widget li:first-child {
    margin: 0;
}

.tabs-widget li a {
    color: #555;
    background: #222;
    padding: 12px 16px;
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
    font-weight: 700;
    display: block;
    text-decoration: none;
    font-size: 12px;
    line-height: 12px;
}

.tabs-widget li a:hover, .tabs-widget li a.tabs-widget-current {
    background: #6b21a8;
    color: #fff;
}

.tabs-widget-content {
}

/* Tweets Widget
----------------------------*/

.tweets-widget ul {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-family: 'Rubik', Arial, Helvetica, Sans-serif;
}

.tweets-widget ul li {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 15px 0 0 0;
}

.tweets-widget ul li:first-child {
    margin-top: 5px;
}

.tweets-widget li.tweets-bird {
    padding-left: 24px;
    background: url(images/tweets.png) left 2px no-repeat;
}

.tweets-widget a {}

.tweets-widget a:hover {}

a.tweets-widget-time {
    text-decoration: underline;
}

a.tweets-widget-time:hover {
    text-decoration: none;
}

/* Discord Widget
----------------------------*/

.widget_ejeetcore_discord iframe {
    width: 100%;
    display: block;
    border: 1px solid #2e1065;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.2);
    transition: all 0.3s ease;
}

.widget_ejeetcore_discord iframe:hover {
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.4);
    border-color: #a855f7;
}

/* Discord Join Button */
.discord-join-btn-wrap {
    text-align: center;
    margin-top: 15px;
}

.discord-join-btn {
    display: inline-block;
    background: linear-gradient(135deg, #581c87 0%, #3b0764 100%);
    color: #fff;
    font-family: 'Cinzel', serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 20px;
    border: 1px solid #a855f7;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.discord-join-btn:hover {
    background: linear-gradient(135deg, #7e22ce 0%, #581c87 100%);
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.6);
    border-color: #d8b4fe;
    color: #fff;
    text-decoration: none;
}

/* Twitch Widget Styles */
.twitch-widget-player {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border: 1px solid #2e1065;
    border-radius: 4px;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.2);
    background: #000;
    aspect-ratio: 16 / 9;
    height: auto !important;
}

.twitch-widget-player iframe {
    display: block;
}

.twitch-playlist-header {
    font-size: 11px;
    text-transform: uppercase;
    color: #888;
    margin-bottom: 5px;
    font-weight: 700;
}

.twitch-widget-playlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #2e1065;
    background: #050510;
    border-radius: 4px;
}

.twitch-widget-playlist li {
    border-bottom: 1px solid #2e1065;
    margin: 0;
    padding: 0;
}

.twitch-widget-playlist li:last-child {
    border-bottom: none;
}

.twitch-switch-btn {
    display: block;
    padding: 10px 15px;
    color: #888;
    text-decoration: none;
    font-size: 12px;
    font-weight: 600;
    font-family: 'Rubik', sans-serif;
    transition: all 0.2s;
    border-left: 3px solid transparent;
}

.twitch-switch-btn:hover {
    background: #13131f;
    color: #fff;
    border-left-color: #6b21a8;
}

.twitch-widget-playlist li.active .twitch-switch-btn {
    background: #1a1a2e;
    color: #fff;
    border-left-color: #a855f7;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

.twitch-widget-playlist ul::-webkit-scrollbar {
    width: 6px;
}

.twitch-widget-playlist ul::-webkit-scrollbar-track {
    background: #0f0f1a;
}

.twitch-widget-playlist ul::-webkit-scrollbar-thumb {
    background: #2e1065;
    border-radius: 3px;
}

.twitch-widget-playlist ul::-webkit-scrollbar-thumb:hover {
    background: #a855f7;
}

/* Fix for Tabs Widget - Remove generic widget list styling */
.widget .tabs-widget li {
    padding: 0;
    margin: 0 0 0 4px;
    border: none;
}
.widget .tabs-widget li:before {
    display: none;
}
.widget .tabs-widget li:hover {
    background: none;
}

/* Fix for Twitch Playlist - Remove generic widget list styling */
.widget .twitch-widget-playlist li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #2e1065;
}
.widget .twitch-widget-playlist li:before {
    display: none;
}
.widget .twitch-widget-playlist li:hover {
    background: transparent;
}

.twitch-live-badge {
    display: none;
    background: #e91e63;
    color: #fff;
    font-size: 9px;
    padding: 2px 5px;
    border-radius: 3px;
    float: right;
    margin-top: 2px;
    box-shadow: 0 0 5px #e91e63;
}

.twitch-widget-playlist li.is-live .twitch-live-badge {
    display: inline-block;
}

/* Server Status Widget
----------------------------*/

.server-status-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.server-item {
    border-bottom: 1px solid #2e1065;
    margin: 0;
    padding: 0;
}

.server-item:last-child {
    border-bottom: none;
}

.server-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s;
}

.server-link:hover {
    background: rgba(168, 85, 247, 0.1);
    color: #fff;
}

.server-name {
    font-family: 'Cinzel', serif;
    font-weight: 700;
}

.server-indicator {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
}

.status-online { background: #4ade80; box-shadow: 0 0 8px #4ade80; }
.status-offline { background: #ef4444; box-shadow: 0 0 8px #ef4444; }
.status-unknown { background: #fbbf24; }
.status-link { width: auto; height: auto; background: none; font-weight: bold; color: #a855f7; }

/* =COMMENTS
-------------------------------------------------------------- */

#comments {
    margin: 20px 0;
    border-top: 1px solid #333;
    padding-top: 20px;
}

#comments p {
	color: #fff;
    margin: 5px 0 10px 0;
}

h3#comments-title {
	color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 0;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

.commentlist {
    list-style: none;
    margin: 0;
    padding: 0;
}

.commentlist li.comment {
    line-height: 24px;
    margin: 0 0 20px 0;
    padding: 20px;
    position: relative;
    background: #0f0f1a;
    border: 1px solid #2e1065;
    border-radius: 4px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}

.commentlist li:last-child {
    border-bottom:none;
    margin-bottom:0;
}

#comments .comment-body ul,
#comments .comment-body ol {
    margin-bottom: 15px;
}

#comments .comment-body blockquote p:last-child {
    margin-bottom: 15px;
}

.commentlist .avatar {
    border: 2px solid #a855f7;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    vertical-align: middle;
    margin-bottom: 2px;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

.comment-author {
	color: #fff;
    display: flex;
    align-items: start;
    border-radius: 4px;
}

.comment-author cite {
	color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    color: #a855f7;
}

.comment-author .says {
    display: none;
}

.fn, .fn a:link, .fn a:hover, .fn a:visited {
    font-family: inherit;
    font-size: inherit;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
}

.comment-meta {
    margin: -25px 0 0 70px;
    display: block;
    font-size: 11px;
    padding:0;
    text-transform: uppercase;
    color: #aaa;
}

.comment-meta a:link,
.comment-meta a:visited {
    text-decoration: none;
    color: #aaa;
}

.comment-meta a:hover {
    color: #d8b4fe;
}

.commentlist .bypostauthor {
}

.reply {
    text-align: right;
    margin-bottom: 10px;
}

.comment-reply-link  {
    color: #fff;
    background: #6b21a8;
    padding: 15px 25px;
    font-family: 'Rubik', serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border-radius: 4px;
}

.comment-reply-link:hover {
    color: #fff;
    background: #7e22ce;
}


.commentlist .children {
    list-style: none;
    margin: 0;
}

/* Children */

.commentlist .children li {
    border: none;
    margin: 0;
}

.nocomments {
    display: none;
}

#comments .pingback {
    margin-bottom: 18px;
    padding-bottom: 18px;
}

.commentlist li.comment+li.pingback {
    margin-top: -6px;
}

#comments .pingback p {
    font-size: 12px;
    line-height: 18px;
    display:block;
    margin: 0;
}

#comments .pingback .url {
    font-style: italic;
    font-size: 13px;
}

/* Comments form */

#respond {
    overflow: hidden;
    position: relative;
    margin: 30px 0 0 0;
    padding: 30px;
    background: #0f0f1a;
    border: 1px solid #2e1065;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0,0,0,0.3);
}

h3#reply-title {
	color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 0;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

#respond .required {
    color:#FF4B33;
}

#respond .comment-notes {
    margin-bottom: 1em;
}

.form-allowed-tags {
    display: none;
}

.children #respond {
    margin: 0 48px 0 0;
}

#comments-list #respond {
    margin: 0 0 18px 0;
}

#comments-list ul #respond {
    margin: 0;
}

#cancel-comment-reply-link {
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
}

#respond .required {
    color:#FF4B33;
    font-weight:bold;
}

#respond label {
    color: #a855f7;
    font-family: 'Cinzel', serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
}

#respond input {
    margin: 0 0 20px 0;
    width: 100%;
    box-sizing: border-box;
    background: #050510;
    border: 1px solid #333;
    color: #fff;
    padding: 12px;
    border-radius: 4px;
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    transition: all 0.3s ease;
}

#respond textarea {
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 20px 0;
    background: #050510;
    border: 1px solid #333;
    color: #fff;
    padding: 12px;
    border-radius: 4px;
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    transition: all 0.3s ease;
}

#respond input:focus, #respond textarea:focus {
    border-color: #a855f7;
    box-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
    outline: none;
}

#respond .form-allowed-tags {
    font-size: 12px;
    line-height: 18px;
}

#respond .form-allowed-tags code {
    font-size: 11px;
}

#respond input[type=submit] {
    width: auto;
    margin: 10px 0 0 0;
    background: linear-gradient(135deg, #581c87 0%, #3b0764 100%);
    color: #fff;
    font-family: 'Cinzel', serif;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px 30px;
    border: 1px solid #a855f7;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

#respond input[type=submit]:hover {
    background: linear-gradient(135deg, #7e22ce 0%, #581c87 100%);
    box-shadow: 0 0 20px rgba(168, 85, 247, 0.6);
    border-color: #d8b4fe;
}

#respond dl {
    margin: 0 0 10px;
}

#respond dt {
    display: inline;
    font-weight: normal;
}

#respond dd {
    display: inline;
}

/* Related Posts
-------------------------------------------------------------- */

.related-posts {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #2e1065;
    clear: both;
}

.related-posts h3 {
    color: #fff;
    font-family: 'Cinzel', serif;
    font-size: 24px;
    margin-bottom: 20px;
    text-transform: uppercase;
    text-shadow: 0 0 10px rgba(168, 85, 247, 0.5);
}

.related-posts-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.related-post-item {
    width: calc(33.333% - 14px);
    background: #0f0f1a;
    border: 1px solid #2e1065;
    padding: 10px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    transition: transform 0.3s ease;
    box-sizing: border-box;
}

.related-post-item:hover {
    transform: translateY(-5px);
    border-color: #a855f7;
    box-shadow: 0 0 15px rgba(168, 85, 247, 0.3);
}

.related-post-item img {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 2px;
    object-fit: cover;
}

.related-post-item h4 {
    font-size: 16px;
    line-height: 1.3;
    margin: 0;
}

.related-post-item h4 a {
    color: #fff;
    text-decoration: none;
    font-family: 'Cinzel', serif;
}

.related-post-item h4 a:hover {
    color: #d8b4fe;
}

/* =RESPONSIVE
-------------------------------------------------------------- */

.menu-primary-responsive-container, .menu-secondary-responsive-container  {
    display: none;
}

.menu-primary-responsive-container {
    margin: 20px 10px 10px;
}

.menu-secondary-responsive-container {
    margin: 10px 10px 20px;
}

.menu-primary-responsive, .menu-secondary-responsive  {
    width: 100%;
    padding: 5px;
    height: 30px;
    border: 1px solid #ddd;
}


/* Tablets ----------- */

@media only screen and (max-width: 992px) {
    #container, #footer-container {
    	width: 100%;
    }

    #main,
    #main-fullwidth,
    #header,
    #footer-widgets,
    #footer {
        padding-left: 10px;
        padding-right: 10px;
    }
    #top-social-profiles {
        padding-right: 10px;
    }
    #footer{
        margin-bottom: 0;
    }
    .fp-slides, .fp-thumbnail{
        height: 300px;
    }
    .tabs-widget li a{
        padding: 8px;
    }
}

@media only screen and (max-width: 768px) {

    #main, #main-fullwidth {
        background-image: none;
        flex-direction: column;
    }

    #header {
        display: block;
        height: 100%;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .logo, .header-right {
        float: none;
        width: 100%;
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }

    .header-right {
        padding-top: 10px;
    }
    
    .menu-secondary-container {
        display: block;
        float: none;
        margin: 0;
    }
    
    .menu-primary-container {
        display: inline-block;
        float: none;
        margin: 0 auto;
        text-align: left;
    }

    #topsearch {
        float: none;
        width: 96%;
        margin: 10px 2%;
    }

    #header #topsearch {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    #top-social-profiles {
        float: none;
        width: 100%;
        display: block;
        text-align: center;
    }
    
    .related-post-item {
        width: 100%;
    }

    #content, #sidebar-primary, #sidebar-secondary {
    	width: 100%;
        float: none;
        padding: 0;
        margin: 0;
        display: block;
        position: static;
    }

    .fp-slider, #fb-root {
        display: none;
    }

    .post-box {
        width: 100%;
        height: 100%;
        float: none;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    #footer-widgets-container #footer-widgets {
        width: inherit;
    }

    .footer-widget-box {
        width: 100%;
        float: none;
        margin: 0;
        padding: 0;
    }
    #copyrights, #credits {
        display: block;
        float: none;
        text-align: center;
    }

    #footer-container #copyrights, #footer-container #credits {
        padding: 5px 0;
    }

    #footer-container #footer {
        width: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

}

/* Mobile Phones ----------- */

@media only screen and (max-width: 480px) {

    .menu-primary-responsive-container, .menu-secondary-responsive-container {
        display: block;
    }

    .menu-primary-container, .menu-secondary-container {
        display: none;
    }

    #header .menu-primary-responsive-container, #header .menu-primary-responsive-container {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

/* =END
-------------------------------------------------------------- */