@charset "utf-8";

/* :: DEFAULT CSS :: =================================================== */
body {  background: #eedbb2;  }
/* :: COMMON CSS :: =================================================== */
/* :: HEADINGS CSS :: =================================================== */
.blog_heading {  position:relative; display:inline-block;width:100%; margin: 0px auto 10px; float:none;}
.blog_heading h2, .blog_heading h1 {   text-transform:none; font-weight:300; font-size: 24px; padding: 0px; color:#96292b; }
.blog_heading h2 span, .blog_heading h1 span {     font-weight:300; font-size: 16px; display:block; }

.blog_heading ul { padding:0; margin:0 0 5px 0; list-style:none; font-size:12px;   line-height:25px; }
.blog_heading ul li { padding: 0 5px 0 0; display:inline-block; }
.blog_heading ul li:first-child:before {  content:""; padding-right:0px; }
.blog_heading ul li:before {  content:"|"; padding-right:5px; }

/* :: WRAPPER CSS :: =================================================== */
/* :: HEADER CSS :: =================================================== */
/*  Header Top */
header   { background:#eedbb2;box-shadow: 0px 0px 10px #999; }
/* :: FOOTER CSS :: =================================================== */
/* :: HOME BODY CSS :: =================================================== */
/* :: BODY :: =================================================== */
#bodyblog { padding:30px 0; background:#fff;display:block;position:relative;max-width:1230px;margin:0 auto;float:none;}
#bodyblog .blog_left { padding-right:50px;}
@media (max-width:992px){
#bodyblog .blog_left { padding-right:15px;}
}
.blog_links { border-top:5px solid #000; padding: 15px 0px; margin-bottom:30px;}
.blog_links h3{margin:0;}
.blog_links ul{ padding:0; margin:10px 0 20px 20px;}

.blog_list { padding:0px; }
.blog_list > li{ padding:5px 0px 20px; margin:0px; list-style:none;  border-top:5px solid #000;}
/* :: BODY :: =================================================== */
.blog_content p { text-align:justify;width:100%;}
.blog_content .blog_pic { text-align:center; margin-bottom:15px;}
.blog_content  img {max-width:100%; }

  /*Accordian Aside*/
  /* Style the buttons that are used to open and close the accordion panel */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 7px !important;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
button.accordion.active, button.accordion:hover {
    background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
div.panel {
    padding: 11px 16px;
    background-color: white;
    display:none;
}
div.panel1 {
    padding:5px 2px 10px;
    background-color: white;
    display:none;
}
.panel{margin-bottom: -14px !important;}
span#tab{float:right !important;}
.panel p{border-bottom:1px solid #ddd !important;}

.cls-collapse.collapsed .fa-plus {
    display: inline-block;
    margin-right: 5px !important;
}

.fa-minus:before {
    content: "\f068";
    margin-right: 5px !important;
}