html, body {
    height:100%;
    margin:0;
}

body {
    background-image: url("https://thorgal.org/wp-content/themes/thorgal/images/bg.jpg");
    background-repeat: repeat;
    color: #7a7a7a; /* Steel grey text */
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    text-align: justify;
    font-size: 13px;
    letter-spacing: 0px;
    overflow-x: hidden;
}

#sidebar .sidebar-title {
  color: #0a2a66 !important;
}

.mobile {
    display: none;
}

::selection {
    color: #ffffff;
    background-color: #29425a;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #1a1a1a;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: #b28700; 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #ffcc33; 
}

b, strong {
    color: #b28700; 
    font-weight: 800;
    letter-spacing: 0.5px;
    text-shadow: 1px 1px 1px rgba(178, 135, 0, 0.3);
}

i, em {
    color: #2D8CA0;
    font-style: italic;
    opacity: 0.9;
}

s {
    color: #b0b0b0;
    text-decoration: line-through;
    text-decoration-color: #7a7a7a;
}

u {
    font-weight: 700;
    color: #29425a; 
    text-decoration: underline wavy #29425a;
    -webkit-text-decoration: underline wavy #29425a;
    padding: 3px 10px;
    background-color: rgba(41, 66, 90, 0.1);
    border-radius: 5px;
    transition: background-color 0.3s ease;
}

u:hover {
    background-color: rgba(41, 66, 90, 0.25);
}

a:link, a:active, a:visited {
    color: #b28700;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.3px;
    position: relative;
    transition: color 0.3s ease, transform 0.3s ease;
}

a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #b28700;
    transition: width 0.3s ease;
}

a:hover {
    color: #29425a;
    transform: translateY(-1px);
}

a:hover::after {
    width: 100%;
}

hr {
    border: 0;
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, #7a7a7a, #1a1a1a);
    margin: 1.5em 0;
    opacity: 0.8;
}

.sidebar-container img,
.entry img {
    margin: 0 4px;
    border-radius: 12px;
    filter: sepia(60%) hue-rotate(30deg) saturate(120%);
    outline-offset: -5px;
    outline: 3px solid #1a1a1a;
    box-shadow: 0 4px 12px rgba(178, 135, 0, 0.3);
    transition: all 0.3s ease-out;
}

.sidebar-container img:hover,
.entry img:hover {
    filter: none;
    outline: 3px solid #6a8ca8;
    transform: scale(1.02);
    box-shadow: 0 6px 20px rgba(106, 140, 168, 0.5);
}

h1, h2, h3, h4, h5, h6 {
    color: #34697A;
}

#container {opacity:0.9;
    background: linear-gradient(145deg, #ffffff, #a7a8aa); 
    width: 1100px;
    margin: 100px auto;
    padding: 30px;
    border-radius: 16px;
    box-shadow: 0 10px 25px rgba(178, 135, 0, 0.4); 
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    border: 2px solid #b29d54; 
}

#container:hover {
    box-shadow: 0 15px 35px rgba(54, 87, 138, 0.7),
                0 0 20px rgba(178, 135, 0, 0.7); 
    border-color: #6a8fb5;
}


#content {
    width: 54%;
    float: left;
    margin-right: 2%;
    margin-top: 110px;
    padding: 20px;
    background-color: rgba(41, 66, 90, 0.05);
    border-radius: 12px;
    backdrop-filter: blur(4px);
    box-shadow: inset 0 0 0 1px rgba(255, 215, 0, 0.05);
    transition: background-color 0.3s ease;
}

#content:hover {
    background-color: rgba(41, 66, 90, 0.1);
}

#sidebar {
    width: 29%;
    margin-top: 120px;
    float: left;
    padding: 40px 20px 20px 20px; 
    background: linear-gradient(to bottom right, #d4c9a0, #f0e8d0);
    border-radius: 24px 12px 36px 18px;
    border: 3px solid #a97c1b;
    font-family: 'IM Fell English SC', serif;
    color: #3b2f1f;
    position: relative;
    z-index: 1;
    text-shadow: 1px 1px 0 #bcae6d;
    background-image:
        radial-gradient(circle at 10% 10%, rgba(150,120,60,0.05) 10%, transparent 11%),
        radial-gradient(circle at 50% 50%, rgba(150,120,60,0.04) 10%, transparent 11%);
    background-size: 40px 40px;
    box-shadow:
        0 0 10px rgba(170, 130, 40, 0.6),
        inset 0 0 8px rgba(140, 110, 45, 0.3),
        inset 0 0 20px rgba(210, 190, 110, 0.15);
}

#sidebar::before {
    content: "ᚠ ᚢ ᚦ ᚨ ᚱ ᚲ ᚷ ᚹ ᚺ ᚾ ᛁ ᛃ ᛇ ᛈ ᛉ ᛋ ᛏ ᛒ ᛖ ᛗ";
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    font-family: 'IM Fell English SC', serif;
    font-size: 20px;
    color: #000000;
    text-align: center;
    letter-spacing: 12px;
    opacity: 0.4;
    user-select: none;
}

#sidebar::after {
    content: "ᛟ"; 
    position: absolute;
    bottom: 12px;
    left: 15px;
    font-size: 28px;
    color: #000000;
    opacity: 0.3;
}

#sidebar .rune-corner {
    position: absolute;
    bottom: 12px;
    right: 15px;
    font-size: 28px;
    color: #000000;
    opacity: 0.3;
    user-select: none;
}

#sidebar:hover {
    background: linear-gradient(to bottom right, #c8b479, #e6d9a4);
    box-shadow:
        0 0 14px rgba(170, 130, 40, 0.8),
        inset 0 0 12px rgba(140, 110, 45, 0.45),
        inset 0 0 24px rgba(210, 190, 110, 0.3);
    cursor: pointer;
}


.navigation {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: linear-gradient(145deg, rgba(249, 247, 217, 0.85), rgba(214, 230, 245, 0.85));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    padding: 40px 25px;
    font-family: 'Imbue', serif;
    font-weight: 400;
    color: #b28700;
    font-size: 16px;
    width: 100%;
    border-bottom: 1px solid rgba(178, 135, 0, 0.1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    gap: 30px;
}

.navigation li {
    display: inline-block;
    margin: 0;
    padding: 0;
    position: relative;
}

.navigation a,
.navigation a:link,
.navigation a:active,
.navigation a:visited {
    position: relative;
    text-decoration: none !important;
    font-size: 18px;
    font-weight: 500;
    color: #7a7a7a;
    padding: 8px 12px;
    transition: color 0.3s ease;
}

.navigation a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 2px;
    width: 0%;
    height: 2px;
    background-color: #7a7a7a;
    transition: width 0.3s ease;
}

.navigation a:hover {
    color: #b28700;
}

.navigation a:hover::after {
    width: 100%;
}

.navigation li li {
    display: none;
}

.sidebar-container {
    background: linear-gradient(145deg, #a8cfff, #ffffff) 
    border-radius: 20px;
    color: #5F4B46;
    text-align: justify;
    padding: 20px;
    margin: 10px 0;
    font-size: 13px;
    line-height: 1.8;
    position: relative;
    z-index: 3;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5); 
    transition: all 0.3s ease;
}

.sidebar-container:hover {
    box-shadow: 0 10px 30px rgba(178, 135, 0, 0.3);
}

.sidebar {
    width: calc(25% - 20px);
}

#sidebar::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background: repeating-linear-gradient(
        45deg,
        #bfa34a,
        #bfa34a 5px,
        #e0f4ff 5px,
        #e0f4ff 10px
    );
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

#sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#sidebar li {
    font-weight: 500;
    padding: 12px 18px;
    border-bottom: 1px solid rgba(191, 166, 87, 0.1); 
    transition: background-color 0.3s ease, padding-left 0.3s ease, box-shadow 0.3s ease;
    border-radius: 16px;
    cursor: pointer;
    background: linear-gradient(145deg, #f7f0c4 0%, #d9c77f 100%); 
    box-shadow: inset 0 2px 5px rgba(255, 255, 180, 0.6), 0 2px 6px rgba(150, 120, 40, 0.3);
    color: #5a4b1d;
    font-family: 'IM Fell English SC', serif;
    position: relative;
}

#sidebar li:hover {
    background-color: rgba(255, 255, 200, 0.5);
    background-image:
        url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"><text x="0" y="14" font-family="IM Fell English SC" font-size="14" fill="rgba(191,166,87,0.15)">ᚦ</text></svg>');
    background-repeat: repeat;
    background-position: center;
    background-size: 18px 18px;
    padding-left: 24px;
    color: #fffde0;
    box-shadow:
        inset 0 2px 8px rgba(255, 255, 180, 0.7),
        0 0 12px rgba(191, 166, 87, 0.8);
    font-weight: 600;
}

#sidebar li:last-child {
    border-bottom: none;
}


.textwidget {
    padding-top: 0;
    padding-bottom: 8px;
    margin-top: 10px;
    font-style: italic;
    color: #999cab;
}

.content-container {opacity:0.9;
    background: linear-gradient(145deg, #eef7fb, #d8e8f0); 
    border-radius: 20px;
    position: relative;
    z-index: 3;
    color: #2f3a45; 
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(191, 163, 74, 0.25); 
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    font-family: 'IM Fell English SC', serif; 
}

.content-container:hover {
    box-shadow: 0 12px 35px rgba(191, 163, 74, 0.45); 
    transform: translateY(-4px); 
}

.content-container {
    backdrop-filter: blur(6px);
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(191, 163, 74, 0.3);
}

.post-border {
    width: 100%;
    height: 6px;
    background: linear-gradient(to right, #29425a, #4a6a85);
    margin: 15px 0;
    border-radius: 12px;
}


.post-meta-top {
    background-color: #1c1e29; 
    padding: 14px 24px;
    margin-bottom: 20px;
    font-size: 15px;
    color: #b1b1b8; 
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    text-align: center;
    border-radius: 16px;
    box-shadow: 0 4px 15px rgba(20, 30, 50, 0.7);
    font-family: 'Imbue', serif;
    border: 2px solid #445d7a;
    position: relative;
    top: -10px;
}


.post-meta-top .meta-item {
    display: inline-block;
    font-weight: 600;
    color: #e6d29f; 
    padding: 8px 14px;
    border-radius: 10px;
    transition: all 0.3s ease-out;
    font-family: 'Ceviche One', cursive;
    background: linear-gradient(135deg, #4b6a8a 0%, #9a8451 100%);
    box-shadow: 0 0 12px #9a8451, 0 0 20px #4b6a8a;
    text-shadow: 0 0 5px #9a8451;
    border: 1px solid #7c6f3f;
}

.post-meta-top .posted-on,
.post-meta-top .filed-under {
    background: linear-gradient(45deg, #c9b037, #4b6a8a);
    color: #f9f6e8;
    text-shadow: 0 0 8px #d9c76b, 0 0 12px #3e5a82;
    box-shadow: 0 0 20px #d9c76b, 0 0 30px #3e5a82;
    border: 1px solid #a88e3d;
}

.post-meta-top .posted-on:hover,
.post-meta-top .filed-under:hover {
    background: linear-gradient(45deg, #4b6a8a, #c9b037);
    text-shadow: 0 0 15px #f1e88c, 0 0 20px #5379ac;
    box-shadow: 0 0 30px #f1e88c, 0 0 40px #5379ac;
    transform: scale(1.07);
}

.post-meta-top .meta-item:hover {
    background-color: #536f9e;
    color: #f9f6e8;
    transform: translateY(-3px);
    box-shadow: 0 0 15px #7c6f3f;
}


.post-meta-top i {
    margin-right: 8px;
    color: #c9b037; /* Gold */
    transition: all 0.3s ease;
}

.post-meta-top i:hover {
    color: #f9f6e8;
}


.post-meta-top .meta-separator {
    font-size: 20px;
    color: #7894b1; 
    font-weight: bold;
}


.post-meta-top strong {
    font-weight: 700;
    color: #f9f6e8; 
}

.post-meta-top .meta-item a {
    color: #b7a35c;
    transition: color 0.3s ease;
}

.post-meta-top .meta-item a:hover {
    color: #f9f6e8;
}


.featured-image img {
    border-radius: 8px;
    margin-top: 10px;
    filter: sepia(100%) hue-rotate(190deg) saturate(100%);
    transition: filter 0.4s ease, transform 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.featured-image img:hover {
    filter: none;
    transform: scale(1.02);
}

.entry {
    text-align: justify;
    padding: 20px 25px;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    z-index: 3;
}

a.more-link {
    margin: 20px auto;
    display: block;
    width: fit-content;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    background-color: #253a67;
    padding: 8px 20px;
    border-radius: 6px;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

a.more-link:hover {
    background-color: #882d4c;
    transform: translateY(-2px);
}

a.more-link i {
    color: #ffffff;
    margin-left: 5px;
}

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

.entry li {
    font-weight: 400;
    padding: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    transition: background-color 0.2s ease;
}

.entry li:hover {
    background-color: rgba(255, 255, 255, 0.03);
}

.entry li:last-child {
    border-bottom: none;
}

.comment-section {
    background-color: #2b2f3a;
    color: #d4c295;          
    padding: 20px;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(55, 65, 80, 0.7); 
    margin: 30px auto;
    font-family: 'Ceviche One', cursive;
    font-size: 14px;
    border: 2px solid #bfa657;
}

.comment-section h3 {
    font-size: 18px;
    color: #3D859D; 
    text-align: center;
    margin-bottom: 20px;
    text-shadow: 1px 1px 3px #1b2431;
}

.comment-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #7f7f7f; 
}

.comment-form textarea, .comment-form input {
    width: 100%;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #476a9e; 
    border-radius: 8px;
    background-color: #1b2431; 
    color: #d4c295;
    font-size: 14px;
    transition: all 0.3s ease;
}

.comment-form textarea:focus, .comment-form input:focus {
    border-color: #bfa657;
    outline: none;
    box-shadow: 0 0 8px rgba(191, 166, 87, 0.8);
}

.comment-form input::placeholder, .comment-form textarea::placeholder {
    color: #8a8a8a;
}


.submit-btn {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #476a9e; 
    color: #f0e6b9;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.submit-btn:hover {
    background-color: #bfa657; 
    color: #1b2431;
}
.comment-form textarea:hover, .comment-form input:hover {
    border-color: #bfa657;
}
.submit-btn:focus {
    box-shadow: 0 0 10px rgba(191, 166, 87, 0.8);
    border-color: #bfa657;
}




h1 {
    background: linear-gradient(to right, #a3c9f1, #f9e79f); 
    color: #326F83; 
    font-size: 18px;
    padding: 18px 24px;
    font-weight: 700;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    position: relative;
    box-shadow: 0 4px 10px rgba(191, 166, 87, 0.7);
}

h1::before {
    content: "⛥";
    font-size: 20px;
    margin-right: 10px;
    color: #000000;
}

h1::after {
    content: "⛥";
    font-size: 20px;
    margin-left: 10px;
    color: #000000;
}

h2 {
    background: linear-gradient(to right, #a48f45, #bfa657); 
    color: #326F83; 
    font-size: 16px;
    padding: 12px 20px;
    font-weight: 600;
    border-radius: 14px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    box-shadow: 0 2px 6px rgba(191, 166, 87, 0.5);
}

h2::before {
    content: "🛡️ ";
    font-size: 18px;
    margin-right: 8px;
}

h2::after {
    content: " ⚔️";
    font-size: 18px;
    margin-left: 8px;
}

h3 {
    color: #3D859D; 
    border-bottom: 2px dashed #bfa657;
    padding-bottom: 6px;
    margin-bottom: 12px;
    font-size: 14px;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    position: relative;
}

h3::before {
    content: "⚓ "; 
    font-size: 14px;
    margin-right: 5px;
    color: #bfa657;
}

blockquote {
    background-color: rgba(47, 51, 58, 0.8); 
    padding: 18px 22px;
    color: #d4c295; 
    display: inline-block;
    border-left: 6px solid #bfa657; 
    border-radius: 10px;
    font-size: 17px;
    font-style: italic;
    box-shadow: inset 0 0 10px rgba(191, 166, 87, 0.3);
    margin: 15px 0;
    position: relative;
    max-width: 600px;
}

blockquote::before {
    content: "ᚠ"; 
    font-size: 28px;
    color: #bfa657;
    position: absolute;
    top: 6px;
    left: 12px;
    font-weight: bold;
}

blockquote::after {
    content: "ᛟ"; 
    font-size: 28px;
    color: #bfa657;
    position: absolute;
    bottom: 6px;
    right: 12px;
    font-weight: bold;
}

.pagenavi li a,
.pagenavi li a:hover,
.pagenavi li.active a,
.pagenavi li.disabled {
    text-decoration:none;
    border:1px solid #22253a;
    background-color:#131522;
    border-radius: 10px;
}
 
.pagenavi li {
    display: inline;
}
 
.pagenavi li a,
.pagenavi li a:hover,
.pagenavi li.active a,
.pagenavi li.disabled {
	text-decoration: none;
    border:1px solid #22253a;
    background-color:#131522;
	padding: 8px 10px;
	margin: 2px;
        -webkit-transition: all 0.3s ease-out;  
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}
 
.pagenavi li a:hover,
.pagenavi li.active a {
    border:1px solid #313550;
    background-color:#131522;
        -webkit-transition: all 0.3s ease-out;  
        -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
        -o-transition: all 0.3s ease-out;
        transition: all 0.3s ease-out;
}



.next, .previous {
    display: inline-block;
    width: 48%;
    padding: 10px 15px;
    border: 1px solid #313550;
    background: linear-gradient(145deg, #121426, #0e101e);
    border-radius: 25px;
    font-size: 14px;
    color: #aaa;
    transition: all 0.3s ease;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
}

.next {
    text-align: right;
    float: right;
}

.previous {
    text-align: left;
    float: left;
}

.next a,
.previous a {
    color: #a9abc2;
    text-decoration: none;
    font-weight: 500;
    font-size: 14px;
    transition: all 0.3s ease;
    position: relative;
    padding: 5px 10px;
    display: inline-block;
}

.next a::after {
    content: " ➡️";
    margin-left: 6px;
    transition: transform 0.3s ease;
}

.previous a::before {
    content: "⬅️ ";
    margin-right: 6px;
    transition: transform 0.3s ease;
}

.next:hover,
.previous:hover {
    background: linear-gradient(to right, #253a67, #37468e);
    border-color: #37468e;
    box-shadow: 0 5px 10px rgba(136, 45, 76, 0.4);
}

.next a:hover,
.previous a:hover {
    color: #ffffff;
}

.next a:hover::after {
    transform: translateX(4px);
}

.previous a:hover::before {
    transform: translateX(-4px);
}


.clearfooter {
    height: 40px;
    clear: both;
}

#footer {
    background: linear-gradient(to right, #a8d0ff, #fff8b5);
    padding: 30px 0;
    width: 1200px;
    margin: 0 auto;
    border-top: 3px solid #f9d95e;
    border-radius: 0 0 24px 24px;
    box-shadow: inset 0 5px 15px rgba(255, 240, 180, 0.7); 
    font-family: 'Imbue', serif;
    color: #4a5a7a;
    letter-spacing: 0.5px;opacity:0.7;
}

#footer ul {
    list-style: none;
    padding: 10px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 18px;
    font-size: 17px;
    color: #5978a3; 
}

#footer ul li {
    display: inline-block;
    padding: 6px 12px;
    margin: 0;
    color: #5978a3;
    position: relative;
    transition: color 0.3s ease;
    font-weight: 600;
}

#footer ul li:not(:last-child)::after {
    content: "᛬";
    color: #f9d95e;
    margin-left: 12px;
    margin-right: 6px;
    font-weight: bold;
}

#footer a {
    color: #5a7ecb;
    text-decoration: none;
    transition: all 0.3s ease;
    font-weight: 600;
}

#footer a:hover {
    color: #f9d95e;
    text-shadow: 0 0 6px rgba(249, 217, 94, 0.8);
}

.footer-description {
    width: 90%;
    margin: 25px auto 15px auto;
    text-align: center;
    color: #5978a3;
    font-size: 15px;
    line-height: 24px;
    font-style: italic;
    position: relative;
    font-weight: 500;
}

.footer-description::before,
.footer-description::after {
    content: "🛡️ ";
    font-size: 18px;
    margin: 0 6px;
    color: #f9d95e; /* yellow shield icons */
}

@media only screen and (max-width:1024px), only screen and (max-device-width:1024px) {


.navigation {
    display: none;
}

.the-logo {
    width:100%;
    display:block;
    text-align:center;
}
    
.featured img {
    width:100%;
}


.data { 
    display:block;
    width:100%;
}

.header {
    display:none!important;
}

#wrapper {
    width:100%;
}
    
#container {
    width:100%;
    margin: 0 auto!important;
    left:0px;
} 
    
#sidebar {
    width:98%;
    margin-left:0px!important;
    padding-left:0px!important;
}    

#content {
    width:98%;
    margin-right:0px!important;
    padding-left:0px!important;
}  

.mobile {
    display:block;
    padding-top:25px;
    padding-bottom:25px;
}


iframe {
    max-width:100%;
    height:auto;
}

.featured-image img {
    width:102.30%!important;
}

.entry img {
    max-width:80%;
    height:auto;
}

.sidebarcontainer img {
    max-width:80%;
    height:auto;
}

blockquote {
    margin:0;
    position:relative;
    top:0;
    left:0;
}




}


@media only screen and (max-width:400px), only screen and (max-device-width:400px) {

.featured-image img {
    width:105%!important;
}

.contenttitle {
    font-size:10px!important;
}

.contenttitle a:link {
    font-size:10px!important;
}

.contenttitle a:hover {
    font-size:10px!important;
}

}