/*Author: Caremy Neo*/


h3
{
border-bottom:1px solid #e5ab6e;
padding-bottom:12px;
border-left:5px solid #e5ab6e;
padding-left:15px;
padding-top:10px;
font-weight:bold;
margin:0;
font-size:145%;
text-transform: uppercase;
}

h4
{
font-size:130%;
margin:0;
padding:10px 0px;
padding-top:0;
font-weight:500;
}

h5
{
font-size:100%;
margin:0;
padding:0px;
padding-top:0;

}

hr
{
padding-top:20px;
border-color:#c4aa65;
}

.to-display
{
display:inline;
}

.to-hide
{
display:none;
}

p
{
margin:20px 0px;
line-height:155%;
}

.ssba-wrap
{
padding:25px 0px;
padding-bottom:0px;
color:#666666;
}

.blue-text
{
color:#0b47a0;
}

a, a:link, a:visited
{
color:#d0b46e;
}

a:hover
{
text-decoration:none;
}

.img-responsive
{
margin:auto;
}

.abstract-area p
{
line-height:125%;
}

.abstract-area .author-text
{
padding:0px 20px;
}

#abstract-text-area
{
padding:10px 30px;
border:1px solid #ffffff;
border-left:0;
border-right:0;
margin:20px;
}

#abstract-text-area h4
{
padding:20px 0px;
padding-bottom:0;
}

/* ===========================
      BUTTONS
============================ */

.btn-primary
{
color:#ffffff;
border-color:#a4508b;
border-width:0px;
padding:8px 12px;
background: #a4508b;
background-image: linear-gradient(326deg, #333333 0%, #666666 74%);
font-size:125%;

}

.btn-primary:hover
{
background: #666666;
}

a.btn-default
{
color:#2fa6d2;
border-color:#2fa6d2;
border-width:3px;
padding:5px;
}

a.btn-default:hover
{
background-color:#2fa6d2;
color:#ffffff;
border-color:#2fa6d2;

}

a.main-button,
a.main-button:link,
a.main-button:visited,
a.main-button2,
a.main-button2:link,
a.main-button2:visited,
a.main-button3,
a.main-button3:link,
a.main-button3:visited
{
color:#fff;
font-size:140%;
padding-top:25px;
padding-bottom:25px;
text-transform:uppercase;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius:10px;
font-weight:500;
display:block;
}

a.main-button,
a.main-button:link,
a.main-button:visited
{
background-color: #737d82;
background-image: linear-gradient(123deg, #737d82 0%, #cacaca 100%);


}



a.main-button2,
a.main-button2:link,
a.main-button2:visited
{
background-color: #9e36ba;
background-image: linear-gradient(43deg, #9e36ba 0%, #c041d0 66%, #db16bf 100%);

}


a.main-button3,
a.main-button3:link,
a.main-button3:visited
{
background-color: #1769c0;
background-image: linear-gradient(82deg, #097bb1 50%, #52a8cc 100%);


}

a.main-button:hover,
a.main-button2:hover,
a.main-button3:hover
{
background-color: #5b6467;
background-image: linear-gradient(90deg, #5b6467 0%, #8b939a 74%);
}

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


.row.no-gutter {
  margin: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right:5px;
  padding-left: 5px;
}

.text-to-right
{
text-align:right;
}

.no-padding-right
{
padding-right:0px;
}

iframe
{
    width: 100%;
    border: 0;
}

.video-frame iframe
{
height:600px;
}


/*
.vertical-center 
{
  margin: 0;
  position: absolute;
  top: 45%;
  left:0;
  right:0;
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
}
*/

.main-screen
{

}

/* ===========================
       PAGE CONTAINER
============================ */

.poster-container
{
padding:10px 0px;
margin:auto;
font-size:90%;
color:#ffffff;
}



.inside-container
{
padding-bottom:300px;
}


/* ===========================
      BACKK TO TOP
============================ */


#return-to-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
 background:#6c227e;
    width: 80px;
    height: 80px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
color:#ffffff;
text-align:center;
line-height:100%;
letter-spacing:0px;
font-size:85%;
padding:8px;
}

#return-to-top:hover {
    background: rgba(102, 102, 102, 0.9);
}

#return-to-top .fa
{
font-size:145%;
}



/* ===========================
       TOP & NAVIGATION
============================ */
.banner-img
{
background:#ffffff;
}

.after-banner
{
background: rgb(135,63,251);
background: linear-gradient(90deg, rgba(135,63,251,1) 0%, rgba(252,70,107,1) 100%); 
color:#fff;
height:50px;
width:100%;
display:block;
line-height:50px;
text-align:center;
font-size:115%;
}

.after-banner ul,
.after-banner ul li
{
list-style:none;
margin:0;
padding:0;
margin-top:0px;
}

.poster-container .after-banner li:before
{
content: "";

}

.after-banner-right
{

}

.after-banner-right a,
.after-banner-right a:link,
.after-banner-right a:visited
{
background-color: #a4508b;
background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%);

-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color:#ffffff;
display:block;
text-align:center;
}

.after-banner-right a:hover
{
text-decoration:none;
/*background-color: #293235;
background-image: linear-gradient(90deg, #293235 0%, #697579 74%);*/
background-color: #5b6467;
background-image: linear-gradient(90deg, #5b6467 0%, #8b939a 74%);
}

#ticker_01 {
height: 50px;
overflow: hidden;
text-align:left;
}
#ticker_01 li {
height: 50px;
}

.more-padding
{
padding:25px 0px;
padding-bottom:20px;
}

.more-padding2
{
padding:5px 25px;
padding-bottom:10px;
}

.text-info
{
color:#c2a84d;
}

/* ===========================
      HOMEPAGE
============================ */
.home-gallery
{
padding:50px;
}
.home-container
{
display:table;
width:100%;
padding-top:40px;
}

.home-icon-area,
.home-button-area
{
display:table-cell;
vertical-align:middle;
}

.home-icon-area
{
width:40%;
}

.home-button-area
{
width:60%;
}

.home-title
{
text-transform: uppercase;
background: linear-gradient(to right, #30CFD0 0%, #962aa9 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:350%;
line-height:115%;
}

/* ===========================
 POSTER LISTING
============================ */
.listing-area
{
text-align:right;
}




a.but-all,
a.but-all:link,
a.but-all:visited
{
margin:0px 5px;
margin-top:10px;
background:none;
color:#2fa6d2;
border:3px solid #2fa6d2;
padding:8px 20px;
padding-bottom:8px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
display:inline-block;
font-size:115%;
cursor:pointer;

}

a.but-all:hover
{
color:#cccccc;
border-color:#999;
}

.total-number
{
font-size:175%;
background-color: #ed2624;
color:#ffffff;
display:inline-block;
padding:12px;
padding-bottom:13px;
font-weight:600;
margin-left:10px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
min-width:50px;
text-align:center;
}


.grid {
    width: 100%;
margin-bottom:35px;

}

.grid-item
{
    height: auto;
    background-color:transparent;
-webkit-border-radius:8px;
-moz-border-radius: 8px;
border-radius:8px;

}

.grid-item-border 
{
border:2px solid #111;
}

.grid-item-border2 
{
border:2px solid #111;
}

.grid-item a,
.grid-item a:link,
.grid-item a:visited
{
color:#114567;
}

.grid-item a:hover,
.grid-item2 a:hover
{
text-decoration:none;
color:#666;
}

.grid-container
{
padding:30px 25px;
padding-bottom:30px;
position:relative;
}

.media-type,
.media-type2
{
position:absolute;
right:15px;
top:15px;
font-size:200%;
}



.grid-container a
{
display:block;
}

.cat_name,
.cat_name2
{
padding: 15px 25px;
color:#ffffff;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
line-height:115%;
}


.cat_name
{
background-color:#8cb320;
}

.cat_name2
{
background-color:#8cb320;
}

.offset-text,
.offset-text2
{
font-size:270%;	
font-weight:600;
}




.media-type,
.text-success,
.offset-text
{
color:#ffeb7f;
}

.media-type2,
.text-success2,
.offset-text2
{

color:#5fccff;
}

.text-success,
.text-success2
{
font-size:125%;
}



.title-text
{
font-weight:600;
display:block;
padding:10px 0px;
font-size:135%;
color:#ffffff;
}

.text-primary
{
color:#ffeb7f;
}

.text-primary2
{
color:#168bc2;
}

.text-primary:hover,
.text-primary2:hover
{
color:#ffffff;
}

.paging-area
{
padding:0px;
font-size:115%;
}

.paging-area a
{

padding-left:16px;
padding-right:16px;
font-size:115%;
}

.paging-area a.btn-default
{
padding:5px 13px;
min-width:47px;
background-color:#016ee3;
border-color:#016ee3;
color:#ffffff;
}

.paging-area a.btn-success,
.paging-area a.btn-success:link,
.paging-area a.btn-success:visited
{
color:#ffffff;
background-color:#016ee3;
border-color:#016ee3;
min-width:47px;
}



.search-area
{

background:#cccccc;
margin-bottom:30px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

.search-area .row.no-gutter [class*='col-']
{	
  padding-bottom:0px;

}
.search-area button
{
padding:14px;
}

/* ===========================
 POSTER DETAILS
============================ */
.media-area
{
}




/* ===========================
         FORM
============================ */

label.error {	
text-align: left;
width: auto;
padding: 5px 0 0 20px;
clear: none;
display: block;
color: #b92a45;
font-size: 12px;
font-weight:normal;
border: none;
background:url(../images/required.png) no-repeat left center;
}

.search-area input [type="text"]
{
display:inline-block;
background:none;
background-color:#111;
border:0px;
width:100%;
}


.custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.custom-dropdown select {
  background-color: #999999;
  color: #fff;
  font-size: inherit;
  padding:0px 15px;
  padding-top:0;
  padding-right: 3.2em;	
  border: 0;
  margin: 0;
  border-radius: 5px;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: button; /* hide default arrow in chrome OSX */
}

.custom-dropdown::before,
.custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.custom-dropdown::after { /*  Custom dropdown arrow */
  content: "\25BC";
  height: 1em;
  font-size: .625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -.5em;
}

.custom-dropdown::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
}

.custom-dropdown select[disabled] {
  color: rgba(0,0,0,.3);
}

.custom-dropdown select[disabled]::after {
  color: rgba(0,0,0,.1);
}

.custom-dropdown::before {
  background-color: rgba(0,0,0,.15);
}

.custom-dropdown::after {
  color: rgba(0,0,0,.4);
}

.form-control
{
font-size:95%;
height:45px;
line-height:45px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
}

/* ===========================
         BUTTONS
============================ */





/* ===========================
         TABLE
============================ */

.table
{
border-bottom:1px solid #dddddd;
}

.table thead
{
background-color:#666666;
color:#ffffff;
}

.table thead tr td
{
border:0px;
border-left: 1px solid #999999;
border-top: 1px solid #999999;

}

.table tr:nth-child(even)
{
background-color:#f5f5f5;
}



/* ===========================
       BEFORE FOOTER
============================ */
#before-footer
{
background:url(../images/floral.png) top center repeat-x;	
padding:70px 0px;
padding-bottom:30px;
line-height:155%;
}



#before-footer h2
{
font-size:150%;
font-weight:400;
margin:5px 0px;
line-height:135%;
}

#before-footer > .before-footer-container
{
padding:50px 200px;
}

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



footer
{
background:url(../images/captionbg.png) repeat;
width:100%;
color:#ffffff;
font-size:105%;
text-align:center;
padding:20px;
margin-top:80px;
}

footer a,
footer a:link,
footer a:visited
{
color:#c0cceb;
}

footer a:hover
{
color:#ffffff;
text-decoration:none;
}

.footer-container
{
border-top: 1px solid #888; 
padding-top:15px; 
}




.modal-dialog {
  
  .close-button {
    overflow: hidden;
    
    button.close {
      font-size: 30px;
      line-height: 30px;
      padding: 7px 4px 7px 13px;
      @include text-shadow(none);
      @include opacity(.7);
      color:#fff;

      span {
        display: block;
      }
      
      &:hover,
      &:focus {
        @include opacity(1);
        outline: none;
      }
    }
  }
  
  .modal-content {
    box-shadow: none;
    background-color: transparent;
    border: 0;
    
    iframe {
      display: block;
      margin: 0 auto;
    }
  }
}




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


}



@media only screen and (min-width : 991px) 
{
    /* Make Navigation Toggle on Desktop Hover 
    */.dropdown:hover .dropdown-menu {
        display: block;
    }


}



@media (max-width: 990px) 
{




#bottom-link-area,
#bottom-menu-right,
footer
{
text-align:center;
}


}




@media (max-width:768px) 
{
.home-gallery 
{
font-size:85%;
}

.home-gallery img
{
max-width:400px;
}

.regular-checkbox + label 
{
top:10px;
}





.text-to-right
{
text-align:center;
}


.no-gutter
{
padding:0;
margin:0;
}


#abstract-text-area
{
padding:10px;
margin:0px 10px;
}

}






@media (max-width:480px)
{

footer
{
text-align:center;
}







}