/* TAKUYAYAMADA
Theme Name: DOAMAZE Mangosteen Ver1.0
Theme URI: http: //doamaze.com/
Description: Designed by Project DOAMAZE
Version: 1.0
Author: Project DOAMAZE
Author URI: http: //doamaze.com/
Template: doamaze-core
*/


/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * ======================================================
 * 1.0 Reset
 * ======================================================
 */


/*!
 * Start Bootstrap - Simple Sidebar (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

 body {
    overflow-x: hidden;
    background-image: url(/images/BG_PC.jpg);
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;

 }



/* Toggle Styles */

#wrapper {
    padding-left: 0;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    /*padding-left: 250px;*/
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    /*left: 250px;*/
    top: 0;
    right: 0px;
    width: 0;
    height: 100%;
    /*margin-left: -250px;*/
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(0,0,0,.85);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 350px;
    padding: 0px;
}

#page-content-wrapper {
    width: 100%;
    /*position: absolute;*/
    /*padding: 15px;*/
}

/*
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}
*/

#nav-icons {
    padding: 20px 0;
    position: fixed;
    z-index: 1100;
    right: 20px;
}
#nav-icons ul {
    display: flex;
}
#nav-icons ul li {
    margin: 0 20px;
}
#menu-toggle {
}

/* Sidebar Styles */

.sidebar-nav {
    margin: 30px 0 0 0 ;
    padding: 0;
    max-width: 350px;
    position: relative;
    top: 60px;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #FFFFFF;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #000000;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}


a:hover {
    text-decoration: none;
}


/**
 * ======================================================
 * 2.0 Repeatable Patterns
 * ======================================================
 */

.site-content .entry-date a:before,
.attachment .site-content span.entry-date:before {
    content: "\f017";
}

/**
 * ======================================================
 * 3.0 Basic Structure
 * ======================================================
 */
body > #wrapper {
	height: 100%;
}
.home #content h2 {
    font-size: 7rem;
    top:30%;
    position: fixed;
    color: #fff;
    font-weight: 700;
    font-family: 'Noto Sans Japanese', sans-serif;
    text-shadow:2px 2px 3px #000000;
}

.home #content h3 {
    font-size: 7rem;
    top:40%;
    position: fixed;
    color: #fff;
    font-weight: 100;
    font-family: 'Noto Sans Japanese', sans-serif;
    text-shadow:2px 2px 3px #000000;
}


.main-inner {
    margin-bottom: 0 !important;
}


/* Noto Sans Japanese 追加*/
@import url('//fonts.googleapis.com/earlyaccess/notosansjapanese.css');
body {
     font-family: 'Noto Sans Japanese', sans-serif;
}

.projects div.entry-content a {
    color: #fff;    
}

.project-title-tex{
    text-align: center;
    margin-top: 5px;
}

a.btn.btn-default.more{
    background-color: transparent;
}
small{
    color: #ccc;
    padding-left: 3px;
}

.col-inner {
    padding: 15px;
}


/* タイトルの装飾 上下にヨコ戦 */
.headline {
    border: 1px solid #fff;
    border-right: 0;
    border-left: 0;
    padding: 1em 0;
    margin: auto;
    text-align: center;
   }

.btn h3{
    padding: 10px;
    margin: 0px 10px 0px 10px;
}

.onrei{
    margin: 20px;
}

.info .section{
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 20px;
}

/**
 * ======================================================
 * 4.0 Header
 * ======================================================
 */

#header-social,
#header-social .social-list {
    padding: 0;
    float: left;
    margin-right: 20px;
}

#nav-icons #menu-toggle {
    font-size: 2.5rem;
    color: #fff;
}

a#menu-toggle:hover,
a#menu-toggle:focus {
    text-decoration: none;
    text-shadow: 0 0 10px #fff,0 0 15px #fff;
    outline: none;
}

.sns-icon-facebook:hover {
  background: #000;
}

/**
 * ======================================================
 * 5.0 Navigation
 * ======================================================
 */


/* 
Global Navigation
 * -----------------------------------------------------------------------------
 */


#menu-global-navigation {
    background: transparent !important; 
}

.post-navigation a:hover,
.image-navigation a:hover {
    background: transparent;
}


/**
 * ======================================================
 * 6.0 Content
 * ======================================================
 */
html {
	overflow: hidden;
}
#wrapper {
	overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body #main {
  min-height: 100%;
}
.content-main-wrap {
	height: 100%;
}
.home .col-md-8.content-main {
    background: transparent;
}
.col-md-8.content-main {
    background: rgba(0,0,0,.85);
    color: #fff;
}
/*.content-main .col-md-12 {
    padding: 0;
}*/
#content {
    padding: 0 15px 20px;
}
#content .resultlist .col-md-9 {
    padding: 0;
}
/*
.content-area {
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100vh - 148px);
}
*/
.blog #content {
    background: #fff;
}

ul#sample {
	margin: 0;
	overflow: hidden;
	background: transparent;
	border: 0;
}
ul#sample > li {
	width: 50%;
}
ul#sample > li div.col-md-12 > .row {
	margin: 0;
}

.entry-content .news-list-link a{
color: #fff;
}

.entry-content .news-list-link h2{
font-size: 0.5rem;
}

.blog { /*Blogコンテンツのフォントサイズアップ*/
  	font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 200;
}

ul.top-news {
    position: fixed;
    top: 55%;
}
ul.top-news li {
    padding-bottom: 7px;
}
ul.top-news li span.date {
    padding-right: 7px;
}
ul.top-news li span.news-list-link {
    font-size: large;
}

select[name=archive-dropdown] {
    color: #333;
    margin-top: 24px;
}

.post-type-archive-blog .content-main {
	position: relative;
}
#custom-post-type-archives-2 {
	position: absolute;
	top: 20px;
	right: 20px;
}
#custom-post-type-archives-2 h4 {
	float: left;
	margin-right: 10px;
}

span.archive_current_ym {
    font-size: large;
    margin-left: 24px;
}

a.btn_a {
    width: 70px;
    height: 70px;
    margin: 0 auto;
    background: #FFF;
    border: 1px solid #2a82a3;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    color: #2a82a3;
    padding: 15px;
    line-height: 20px;
    text-transform: uppercase;
    display: block;
    text-align: center;
/*    font-weight: bold; */
/*    font-size: 120%; */
    transition: background-color 0.5s ease-in;
    -webkit-transition: background-color 0.5s ease-in;
}


/*Blogコンテンツのフォントサイズアップ
article.blog {
	font-size: 1.2rem;
}
*/
.single-blog table.tbl_spec {
    border: 1px #535353 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px 0 20px;
    width: 100%;
    font-size: 1.2rem;
    line-height: 2rem;
}
.single-blog table.tbl_spec th,
.single-blog table.tbl_spec td {
    padding: 10px;
    border: 1px #535353 solid;
    border-width: 0 0 1px 1px;
}
.single-blog table.tbl_spec th {
    white-space: nowrap;
}
.single-blog table.tbl_spec th.date {
    background-color: #666;
    color: #fff;
}

.single-blog table.tbl_spec th {
    background: #ececec;
}
.single-blog table.tbl_spec td {
    background: #fff;
}
.single-blog h3 {
    margin: 10px 0;
    font-size: 110%;
    font-weight: normal;
    border-bottom: 1px solid #222;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

 .blog-panel {
    margin-bottom: 30px;


 }

 .blog-panel-excerpt {
    
    color: #333;
 }

.blog-panel-excerpt p {
    color: #606060;
    padding: 0 20px 17px;
    /*border-bottom: 1px solid #333;*/
 }


.blog-panel-excerpt span {
    padding: 17px 0;
 }
 

 .blog-panel img {
    width: 100%;
    height: 200px;
    object-fit: cover;
 }


 .blog-thumbnail img {
    width: 100%;
 }

 .blog h1 {
    text-align: center;
    margin: 36px 0 24px;
 }
.damz_archive_calender_sec {
    float: none;
}
.damz_archive_calender_sec label {
    padding: 7px 15px;
}
.damz_archive_calender_sec .month_title>a {
    display: inline-block;
    width: 100%;
    background: #eee;   
}
.damz_archive_calender .month_title {
    padding: 0;
}
.damz_archive_calender .month_title span {
    display: block;
}

h1.horizontal-line{
	font-size: 2rem;
}

#sresult a {
    display: inline-block;
    width: 100%;
    background: #fff;
}
#sresult a,
#sresult a .blog-panel,
#sresult a .blog-panel .blog-panel-excerpt .col-md-12
{
    height: 100%;
}
#sresult a .blog-panel .blog-panel-excerpt {
    height: calc(100% - 200px);
    position: relative;
    overflow: hidden;
}
#sresult a .blog-panel .blog-panel-excerpt .col-md-12 {
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
#sresult a .blog-panel .blog-panel-excerpt h4 {
    height: 4rem;
}
#sresult a .blog-panel .blog-panel-excerpt span {
    display: block;
    text-align: right;
    border-top: 1px solid #333;
/*
    position: absolute;
    right: 0px;
    bottom: 0px;
*/
}

/**
 * 6.2 Entry Header
 * -----------------------------------------------------------------------------
 */


/**
 * 6.3 Entry Meta
 * -----------------------------------------------------------------------------
 */
/* 日付色変え */
.entry-meta a{
    color : #999999;
}

/**
*TAGをださないで要望あり
**/
.site-content .entry-meta > span.tag-links{
  display: none;
}
.entry-meta .byline {
    display: none;
}

/**
 * 6.4 Entry Content
 * -----------------------------------------------------------------------------
 */
/** 追加Kurato */

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

.entry-content a:hover {
    color: #ffa500;
    background: none;
    text-decoration-line: underline;
}


ul.list_a{
    list-style-type: none;
}


ul #sample .grid .damz-postlist .list-unstyled .thumblist{
    font-size: 2em;
}

.gyoukan40{	line-height: 4rem;}
.gyoukan35{	line-height: 3.5rem;}
.gyoukan30{	line-height: 3rem;}


/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

h1.jumbotron-title {
font-size: 5rem;
font-weight:700;
text-transform: uppercase;
margin-left: 20px; 
}

h1.entry-title a{
font-size: 3rem;
font-weight:400;
text-transform: uppercase;
margin-left: 20px; 
color: #FFFFFF;
text-decoration: none;
}

h1.entry-title a:hover {
    color: #ffa500;
    background: none;
    text-decoration-line: none;
}


div .sponsors_logobg{
    background-color: #FFFFFF;
    text-align: center;
    margin-bottom: 30px;
    color: #000;
    padding: 10px;
}

div .sponsors_logobg:hover,
.blog-panel a:hover {
    opacity: 0.5 ;
}


/* Youtube */
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

/* inq-form */

div .wpcf7-form{
	width: auto;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td,.table-bordered {
    border:none;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{
	padding: 15px;
}

.inq-form{
	font-family: 'Noto Sans Japanese', sans-serif;
}

.entry-content th, .comment-content th{
background: transparent;	
padding: 5px;
}

.your-message textarea {
  width: 65%;
  padding: 5px;
  color: #000;
}
input{
  border:1px solid #525252;     /* 枠線の装飾 */
  background-color: #fff;   /* 背景色 */
  padding: 5px;
  color: #000;
  border-radius: 5px;         /* CSS3 */
  -moz-border-radius: 5px;    /* Firefox */
  -webkit-border-radius: 5px; /* Safari,Chrome */
　behavior: url(border-radius.htc);　/* for IE ←　この１行を追加 */
}
/** Profile **/

.profile_officer{
margin-bottom: 10px;
}


.sentence22{
    line-height: 2.2em;
}


.tbl_style1 tr{
    padding: : 5px;
    line-height: 1.8em;
}

.table-striped{
    background-color: #ddd;
}

/* TOP */
ul.top-news {
    margin: 0px;
    width: 600px;
    background: rgba(0,0,0,.4);
    border-radius: 5px;
    padding: 1em;
}
ul.top-news span.date {
    display: block;
}
ul.top-news li span.news-list-link {
    font-size: 1em;
}
ul.top-news li span.news-list-link a {
    color: #c5ddf1;
}


/*BLOG TAGBLE 中央寄せ */
#blog_table{
    margin: 20px auto;    
}

/*BLOG TAGBLE 背景 透過 */
#blog_table th{
     background-color: rgba(51,51,51,0.6);
     padding: 20px;
}
#blog_table td{
     padding: 20px;
}

/*BLOG 記事リンク */
.article-links {
    display: flex;
    justify-content: center;
}
.article-links .relation-article,
.article-links .popular-article {
    width: 40%;
    background: #fff;
}
.article-links .popular-article {
    margin-left: 20px;
}
.article-links .section-title {
    margin: 10px;
    color: #666;
}
.article-links article {}
.article-links article .entry-wrap {
    margin: 10px;
    padding-top: 10px;
    border-top: 1px solid #ddd;
    display: flex;
}
.article-links article .thumb {
    max-width: 70px;
    margin-right: 10px;
}
.article-links article .title {
    flex: 1;
}

.blog .post-navigation a {
    padding: 5px 15px !important;
    width: auto;
    display: inline-block;
    background: #fff;
    border-radius: 3px;
}
.blog .post-navigation a[rel~="next"] i {
    padding-left: 7px;
    padding-right: 0;
}

/* Calendar Widget */
.damz_archive_calender_sec label {
    display: none;
}
.damz_archive_calender_sec label:before {}
.damz_archive_calender_sec input:checked ~ label:before {}
.damz_archive_calender_sec label:hover {}
.damz_archive_calender_sec input {}
.damz_archive_calender_sec input:checked ~ .damz_archive_calender {
    opacity: 1;
}

.damz_archive_calender {
  margin: 0;
  padding: 0px;
  background: transparent;
  list-style: none;
  display: flex;
  opacity: 1;
  position: relative;
  z-index: 100;
  color: #000;
}
.damz_archive_calender .year_title {
  text-align: left;
  padding: 10px;
}
.damz_archive_calender .month_title {
  padding: 5px;
  text-align: center;
  background: #eee;
}
.damz_archive_calender li.year {
  width: 50%;
  overflow: hidden;
  position: relative;
  background: #fff;
  padding: 10px;
}
.damz_archive_calender li.year > ul {
  margin: 0;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
.damz_archive_calender li.year li.month {
  width: 25%;
  padding: 5px;
}
.damz_archive_calender li.year li.month a {}

/* Tag cloud */
#tag_cloud-3 a {
  font-size: 1em !important;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  padding: .3em .5em;
  margin: .1em;
}

/* Categories */
.widget_categories li {
  display: inline-block;
  padding: 0;
  border: 0;
}
.widget_categories li a {
  font-size: 1em !important;
  background: #fff;
  border-radius: 3px;
  display: inline-block;
  padding: .3em .5em;
  margin: .1em;
}

/*YARPP*/
.yarpp-related a {
  font-weight: normal;
}
/**
 * 6.8 Attachments
 * -----------------------------------------------------------------------------
 */

/**
 * 6.9 Archives
 * -----------------------------------------------------------------------------
 */

/**
 * 6.10 Contributor Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.11 404 Page
 * -----------------------------------------------------------------------------
 */

/**
 * 6.12 Full-width
 * -----------------------------------------------------------------------------
 */

/**
 * 6.13 Singular
 * -----------------------------------------------------------------------------
 */

/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */

div #likebox_container{
    margin-top: 50px;
}

/**
 * ======================================================
 * 7.0 Sidebars
 * ======================================================
 */
.sidebar-nav li a{
	font-size: 1.2em;
	margin-bottom: 1em;
    padding: 5px 0px;
	text-transform: uppercase;
}

#menu-toggle{
    text-transform: uppercase;
}

/**
 * 7.1 Widgets
 * -----------------------------------------------------------------------------
 */
.widget h4 {
    font-size: 16px;
    line-height: 1.5;
    background: #fff;
    padding: 1em;
    text-align: center;
    color: #000;
}

/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */


/**
 * ======================================================
 * 8.0 Footer
 * ======================================================
 */

#fat-footer {
  margin-top: 20px;
  position: relative;
  background: transparent;
  bottom: 0px;
}

#fat-footer .social-list {
  font-size: 125%;
}

#colophon {
  background: rgba(0,0,0,0.7);
}



/**
 * ======================================================
 * 9.0 Featured Content
 * ======================================================
 */



/**
 * ======================================================
 * 11.0 Media Queries
 * ======================================================
 */

/* ======================================
***** desktop specific *****
====================================== */
@media only screen and (min-width: 992px) {


#main-content,
#main-content .main-inner,
#main-content .main-inner #page-content-wrapper,
#main-content .main-inner #page-content-wrapper .container-fluid,
#main-content .main-inner #page-content-wrapper .container-fluid > .row,
#main-content .main-inner #page-content-wrapper .container-fluid > .row .content-main-wrap,
#main-content .main-inner #page-content-wrapper .container-fluid > .row .content-main-wrap > .col-md-8
{
    min-height: calc(100vh - 40px);
}

#main-content,
#main-content .main-inner,
#main-content .main-inner #page-content-wrapper,
#main-content .main-inner #page-content-wrapper .container-fluid,
#main-content .main-inner #page-content-wrapper .container-fluid .row,
#main-content .main-inner #page-content-wrapper .container-fluid .row .col-md-8
{
    height: 100%;
}

.single-blog table.tbl_spec {
    margin: 0 -15%;
    width: 130%;
}
.single-blog h3.acf_secttl {
    margin: 40px -15% 20px
}

/* ======================================
***** smart phone and tablet common *****
====================================== */
} @media only screen and (max-width: 991px) {

/*BLOG TABLE 組み方*/
#blog_table td,th{
    width: 100%;
    display: block;
}

.single-blog table.tbl_spec tr {
  display: block;
}
.single-blog table.tbl_spec,
.single-blog table.tbl_spec th,
.single-blog table.tbl_spec td {
    border: none;
}

.article-links {
    display: block;
}
.article-links .popular-article {
    margin-left: 0;
    margin-top: 40px;
}
.article-links .relation-article,
.article-links .popular-article {
    width: 100%;
}

.yarpp-related-none p {
  margin: 0 0 24px 38px;
}

/*SP 背景の黒の幅*/
.container-fluid{
    padding-left: 5px;
    padding-right: 5px;
}
.hide-sp {
    display: none;
}


/* ======================================
***** tablet and desktop common *****
====================================== */
} @media only screen and (min-width: 768px) {
/*
#main {
    height: 100vh;
}
*/

table.inq-form {
    width: 100%;
    table-layout: fixed;
}
table.inq-form th {
    width: 30%;
}

table.inq-form input#prefecture,
table.inq-form input#city,
table.inq-form input#street,
textarea.your-message {
    width: 301px;
}

/* ======================================
***** ipad portrait specific *****
====================================== */
} @media only screen and (min-width: 768px) and (max-width: 991px) {

  /* -----------------------
Category
----------------------- */
/***** note *****/


/* ======================================
***** smart phone / small tablet common *****
====================================== */
} @media only screen and (max-width: 767px) {

    #wrapper {
        padding-left: 0;
        background-image: url(/images/BG_SP.jpg);
    }

    #wrapper.toggled {
        /*padding-left: 250px;*/
    }

    #sidebar-wrapper {
        width: 0;
        position: fixed;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 40%;
        min-width: 320px;
    }

    #page-content-wrapper {
        /*padding: 15px;*/
        padding: 0px;
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    a#menu-toggle {
        text-shadow: 0 0 10px #000, 0 0 10px #000;
    }
    #header-social {
        margin-right: 0;
        display: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    #header-social.toggled {
        display: block;
    }

    .home #content h2 {
        font-size: 4rem;
        top: 20%;
    }

    .home #content h3 {
        font-size: 4rem;
        top: 31%;
    }

    h1.jumbotron-title {
        margin-left: 0px;
        font-size: 3rem;
    }
    #content {
        padding: 0;
    }
    #content .thumblist article .col-md-3,
    #content .thumblist article .col-md-9,
    #content .thumblist article .entry-header,
    #content .thumblist article .entry-content {
        padding-left: 0;
        padding-right: 0;
    }
    h1.entry-title a {
        margin-left: 0;
        font-size: 2rem;
    }
    .content-blog .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .article-links article .title {
        font-size: 1.5rem;
        line-height: 2.3rem;
    }

    /* Top News */
    ul.top-news {
        width: 90%;
    }

    /* fat-footer */
    #fat-footer {
        margin: 20px auto 0;
    }
    #tag_cloud-3 a {
        font-size: 1em !important;
    }

    /* Calender */
    .damz_archive_calender .month_title {
      /*padding: 0px;*/
    }

/* ======================================
***** small tablet specific *****
====================================== */
} @media only screen and (min-width: 481px) and (max-width: 767px) {

/* ======================================
***** iphone portrait specific *****
====================================== */
} @media only screen and (max-width: 480px) {
    #wrapper.toggled #sidebar-wrapper {
        /*width: auto;*/
        min-width: 100%;
    }
    .sidebar-nav li a{
        margin-left: calc((100vw - 155px) / 2);
    }
.content-blog.col-md-8.col-md-offset-2{
	padding-left: 0px;
    padding-right: 0px;
} @media only screen and (max-width: 320px) {
	.home #content h3 {
		top: 35%;
	}
}


/**
 * 12.0 Print
 * -----------------------------------------------------------------------------
 */