.offset{
    margin-top:-5em!important;
}

.nav-toggle{
padding:3em;
}

.button_img_square{
    border-radius:2em;
    border: 5px solid white!important;
}

.maroon-bg{
    background-color:#8a1538;
}

.maroon{
    color:#8a1538;
}

.model_viewer_fix{
    height: 80vh;
    width: 80vw;
}

model-viewer{
    height: inherit;
    width: inherit;
}

.yt_container iframe {
    width:100%;
    height:70vh;
}

iframe {
    width:100%;
    height:70vh;
}
.pdf_online_viewer_bg{
    background:url(/wp-content/the-carillon/up-mindanao/assets/UP_Mindanao_bg_bnw.JPG);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 200px;
    vertical-align: middle;
}

.carillon_header{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.543), transparent 80%) bottom,url(/wp-content/the-carillon/up-mindanao/assets/carillon_1_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 50px;
    text-align:center;
    color:white;
    vertical-align: middle;
}
.green_carillon{
    background: url(/wp-content/the-carillon/up-mindanao/assets/carillon_green_img.jpg);
    background-repeat:none;
    background-position:center;
    background-size:cover;
    min-height:500px;
}

.upmin_banner{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.543), transparent 80%) bottom,url(/wp-content/the-carillon/up-mindanao/assets/upmin_banner_img.jpg);
    background-repeat:no-repeat;
    background-position: center;
    background-size:cover;
    min-height:284px;
    padding-top:3rem;
}

.upmin_banner h1{
    color:white;
    text-align:right;
    font-size:4.5rem;
}
.upmin_banner h2{
    color:white;
    text-align:right;
    font-weight:200;
    font-size:3.5rem;
}

.upmin_banner h4{
    color:white;
    text-align:right;
    font-weight:200;
    font-size:2rem;
}

.rounded_corner{
    border-radius:2em;
}

.rounded_cornerv2{
    border-radius:1em;
}

.trio_img img{
}

.old_issues_cover_container{
    height:200px;
    overflow:hidden;
    display: flex;
    justify-content: center;
}

.four_sculptures img{
    overflow:hidden;
}

html {
    overflow-x: hidden!important;
    width: 100%;
}

.navbar-index{
	    margin-left: 16%;
}

/** NEW BUTTON LINK CSS **/
.h-morebox:hover{
	color:white!important;
}
/** Gallery CSS **/

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color:#8a1537!important;
    border-color: #8a1537!important;
}

.pagination>li>a, .pagination>li>span {
    color: #8a1537!important;
}
.pt-cv-wrapper .pagination>.active>a {
    color: white!important;
}

.pt-cv-view .pt-cv-title {
    margin-bottom: 10px;
    max-width: 500px;
}

/** Gallery End **/


.button-box{
	padding:5px;
	font-size:16px;
	float:right;
	clear:right;
	color:#8d1c3e;
	background-color:white;
	border:2px solid #8d1c3e;
	transition-duration: 0.4s;
}

.button-box:hover{
	color: white;
	background-color:#8d1c3e;
	border:2px solid #8d1c3e;
}

.button-box a:hover{
	color:white;	
}

.entry-content a {
word-break: break-word;
}

.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .3em;
    vertical-align: middle;
    content: "";
    border-top: none;
    border-right: none;
    border-left: none;
}

a[href^=tel] { color: inherit; text-decoration: none; }

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous, .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next  {
    padding: 1rem;
}

dl, ol, ul {
    font-size:16px;
    font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
}

.container{
/*width:1200px;*/
}

html{
	overflow-x:hidden;
}


.btn {
    font-size: 16px;
}
 .form-control{
    font-size: 16px;
	padding-top:1px;
}
a:hover img {
opacity:.9;
}

/* SAFARI ROW FIX*/
.row:before, .row:after {
content:'';
display:block;
width:100%;
height:0;
}
.row:after {
clear:both;
}

/* SAFARI ROW FIX END */
@font-face {
    font-family: 'avenir_roman';
    src: url(/wp-content/themes/oar-theme/fonts/avenir_roman.otf);
}

.site-main .posts-navigation, .site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
    font-size: 2em;
    font-variant: all-small-caps;
    color: #8d1c3e;
}

.site-main .posts-navigation a:hover, .site-main .post-navigation a:hover {
    color: black;
	text-decoration:underline;
}

/* Footer CSS */
.ul-other-links{
    display: -webkit-inline-box;
	padding:5px;
}

.ul-other-links li{
    display: -webkit-inline-box;
	padding:5px;
	font-weight:500;
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
}

.footer-other-links a{
padding:5px;
}

/* Footer end CSS */

a.crunchify-link,a:visited.crunchify-link{
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
font-size:1.2em;
color:white;
background-color:#CEAD00;
float:left;
margin-top:5px;
margin-right:5px;
margin-bottom:1em;
}


a:hover.crunchify-link{
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
font-size:1.2em;
color:white;
background-color:#c0930b;

}

.media-heading, .media-body, .sliderlinks,.sliderlinks2, .h-morebox, h1, h2, h3, h4, h5, p{
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
}

.sliderlinks2:hover{
color:black;
}


/* Crunchify social plugins */
.crunchify-link {
    padding: 4px 8px 6px 8px;
    color: #000;
    font-size: 12px;
    border-radius: 2px;
    margin-right: 2px;
    cursor: pointer;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2);
}
 
.crunchify-link:hover,.crunchify-link:active {
    color: white;
}
 
.crunchify-twitter {
    background: #00aced;
}
 
.crunchify-twitter:hover,.crunchify-twitter:active {
    background: #0084b4;
}
 
.crunchify-facebook {
    background: #3B5997;
}
 
.crunchify-facebook:hover,.crunchify-facebook:active {
    background: #2d4372;
}
 
.crunchify-googleplus {
    background: #D64937;
}
 
.crunchify-googleplus:hover,.crunchify-googleplus:active {
    background: #b53525;
}
 
.crunchify-buffer {
    background: #444;
}
 
.crunchify-buffer:hover,.crunchify-buffer:active {
    background: #222;
}
 
.crunchify-pinterest {
    background: #bd081c;
}
 
.crunchify-pinterest:hover,.crunchify-pinterest:active {
    background: #bd081c;
}

.crunchify-social {
    margin: 20px 0px 25px 0px;
    -webkit-font-smoothing: antialiased;
    font-size: 12px;
}

/*end social media sharing*/

#post-24 .entry-content{
	margin-top:-8em;
}

.wp-caption .wp-caption-text {
    font-size: 14px;
    line-height: inherit;
    margin: 0;
    padding: 0.625rem;
}

.wp-caption {
     background: none;
	 border: none;
    max-width: 100%;
    padding: 1em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


.givetodorm_container{
    background-color: #8d1c3e;
    text-align: -webkit-center;
    padding-top: .5em;
    padding-bottom: .5em;
    border: none;
    transition-duration: 0.4s;
	width:10em;
	height:5em;
}

.givetodorm_container:hover{
background-color: #670d28;
}


.news-centered{
    float: left;
    margin: 0 auto;
}

.media-body{
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}
.overall-wrapper{
    width: -webkit-fill-available;
}

ul li, ol li, caption, .entry-footer, .entry-meta{
	font-size:16px;
}

.dzup-logo{
	margin-top: -2em;
}

.post-navigation .nav-previous a, .post-navigation .nav-next a {
    border: 1px solid #ddd;
    border-radius: 0.938rem;
    display: inline-block;
    padding: 0.313rem 0.875rem;
    text-decoration: none;
    font-size: 16px;
}

.post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover {
	color:black;
}


.entry-title>a ,.entry-title>a:visited, a , a:visited, a:active, a:focus {
color:#8d1c3e;
transition-duration: 0.4s;
}

.entry-title>a:hover, a:hover{
text-decoration:none;
color: black;
}

.title-header{
	color:#8d1c3e;
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
}

.navbar-brand {
    margin-top: 1em;
}

.navbar-nav {
    margin-top: 1.5em;
}


/****** Home Page CSS **********/
#search-header{
transition-duration: 0.4s;
}

.h-title{
	float:left;
}
.h-dash{
	width:8em;
	border-bottom:4px solid #8d1c3e;
	margin-top:1em;
	margin-bottom:1em;
}

.h-dash-black{
	width:8em;
	border-bottom:4px solid;
	margin-top:1em;
	margin-bottom:1em;
}

.h-morebox{
	padding:5px;
	font-size:16px;
	float:right;
	clear:right;
	color:#8d1c3e;
	background-color:white;
	border:2px solid #8d1c3e;
	transition-duration: 0.4s;
}

.h-morebox:hover{
	color:white;
	background-color:#8d1c3e;
	border:2px solid #8d1c3e;
}

.h-morebox-grey{
	padding:5px;
	font-size:16px;
	float:right;
	clear:right;
	color:black;
	background-color: #F4F4F4;
	border:2px solid black;
	transition-duration: 0.4s;
}

.h-morebox-grey:hover{
	color:white;
	background-color:black;
	border:2px solid black;
}

.grey{
	background-color:#F4F4F4;
	margin-top:4em;
	margin-bottom:4em;
	padding-top:5em;
	padding-bottom:5em;
}

/****** Home Page CSS End **********/

/****** NEWS Shortcode CSS **********/

.centerblock{
   margin-left:auto;
   margin-right:auto;
   display:block;
}

.service_box{
	height:130px;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	background-color:white;
}

.read_more{
	color:white;
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
	padding:5px;
}
.read_more_container{
	position:absolute;
	bottom:0;
	margin-left:-10px;
	width:92%;
	background-color:#8d1c3e;
    text-align: -webkit-center;
	padding-top:.5em;
	padding-bottom:.5em;
	border:none;
	transition-duration: 0.4s;
}
.read_more_container:hover{
background-color: #670d28;
}

.newswrap{
max-width: 370px;
margin-top:1em;
overflow:hidden;
}

.news_title{
    vertical-align: -webkit-baseline-middle;
    margin-top: 0em;
	text-transform: uppercase;

}
.news_title:hover{
	color:black;
}


.news-container {
	margin-top:0em;
	height:300px;
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
	font-size:18px;
	background-color:#F4F4F4;
	padding:10px;color:white;
}

.news_excerpt{
    line-height: 1.3em;
	margin-bottom:-1em;
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
	font-size:14.5px;
	color:black;
	padding-bottom:3%;
}

.news_date{
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
	font-size:10px;
	color:black;
}

a.read_more{
	font-size:1em;
	color:white;
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

a.read_more:hover{
	color:white;
background-color: #670d28;
}


/****** NEWS Shortcode end **********/

.container-links-2{
display:none;
}


a.sliderlinks2{
	font-size:1.5em;
	color:#8d1c3e;
}

a:hover.sliderlinks2{
	color:black;
}


.btn-default {
    border-color: #ccc;
}

a:hover{
cursor:pointer;
color: #8a1538;
}

/************ Search bar **************/
#search-icn{
	margin-top:.7em;
}

.search-frm{
	width:100%;
	text-align:center;
}

#search-header{
	display:none;
    transition-property: display;
    transition-duration: 2s;
    transition-timing-function: linear;
    transition-delay: 1s;
}
/************** Search bar end ****************/
.navbar-static-top .navbar-collapse {
    margin-left: auto;
    margin-right: auto;
}


.overall-container {
    position: relative;
    right: 0px;
    height: 500px;
    width: 100%;
    margin-top: -47.9em;
}

.metaslider .flexslider {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 40px 0;
    width: 1600px;
    max-height: none;
}

.slidercontainer{
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
}

#metaslider_container_63{
	height:500px;
	margin-left:auto;
	margin-right:auto;
}

a.sliderlinks{
	position:relative;
	color:white;
	font-size:20px;
	z-index:99;
}

a.sliderlinks:hover{
	text-decoration:underline;
	transition:0s;
}

.container-links{
	max-width:1200px;
	float:right;
	position:relative;
	z-index:99;
	top:5em;
	/*margin-right:13em;*/
    margin-right: 65em;	
line-height:5em;
	height:500px;
}
/*
.overlay-shadow {
    max-width: 50%;
    background-color: black;
    height: 500px;
    opacity: 0.7;
    z-index: 0;
    position: relative;
    top: -21px;
    margin-left: auto;
}
*/
.overlay-shadow {
    max-width: 80%;
    height: 500px;
    opacity: 0.7;
    z-index: 0;
    position: relative;
    top: -21px;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
    margin-left: auto;
}
p {
	font-size:16px;
}

.middle{
    top: 1.5em;
    position: relative;
}

/****** Metaslider CSS **********/


.flex-control-nav {
    margin:auto;
    display: none;
}

.headerslider {
    margin-top: 0em;
    background-color: black;
    overflow: hidden;
    height: 500px;
}

#metaslider_container_901 {
    background-color: #162950;
}

/****** Metaslider CSS end **********/

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

header#masthead {
    background-color: #8a1538;
	z-index:9;
}

#masthead .navbar-nav > li > a {
    color: #ffffff;
    padding: 0.5rem;
	font-size:16px;
	font-weight:bold;
	font-family: 'avenir_roman','Avenir',Helvetica, Arial, Sans-serif;
}


#masthead .navbar-nav > li > a:hover {
    color: #ffffff;
	text-decoration: underline;
	font-weight:bold;
}

.oarlogo-ftr{
	top: 25%;
    position: relative;
	margin-bottom:3em;
}
footer#colophon {
    background: #cccccc none repeat scroll 0 0;
    color: black;
    padding: 4rem 0;
    text-align: center;
}

#post-20 h1.entry-title {
display:none;
}



@media screen and (max-width:2520px) {
.container-links {
    max-width: 1200px;
    float: right;
    position: relative;
    z-index: 99;
    top: 5em;
    margin-right: 65em;
    line-height: 5em;
    height: 500px;
}

}


@media screen and (max-width: 2100px){
.container-links {
    margin-right: 20%;
}
}

@media screen and (max-width:1280px) {
.overall-container {
    position: relative;
    right: 0px;
    height: 500px;
    width: 100%;
    margin-top: -31.5em;
}

.container-links{
	max-width:1200px;
	float:right;
	position:relative;
	z-index:99;
	top:5em;
	margin-right:13em;
	line-height:5em;
	height:500px;
}

}

@media screen and (max-width:1700px) {
.container-links {
    margin-right: 10%;
}

}
@media screen and (max-width:1280px) {
.container-links {
    margin-right: 10%;
    margin-top: -4em;
}
.news_title {
    vertical-align: -webkit-baseline-middle;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 1.1em;
}

}

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

.metaslider .flexslider {
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    border: 0;
    margin: 0 0 40px 0;
   /* width:max-content;*/
	max-width:none;
    height: 500px;
}

.overall-container {
    margin-top: -31.5em;
}
.container-links{
	max-width:1200px;
	float:right;
	position:relative;
	z-index:99;
	top:5em;
	margin-right: 12%;
	line-height:5em;
	height:500px;
}

}

@media screen and (max-width:1195px) {
.news-container {
    height: 345px;
}

.newswrap {
    max-width: 310px;
    margin-top: 1em;
    overflow: hidden;
}

.read_more_container {
    width: 90.5%;
}

.h3, h3 {
    font-size: 1.5rem;
}

}

@media screen and (max-width:1059px) {
.navbar-index{
	    margin-left: 7%;
}
}

@media screen and (max-width:1024px) {
.overlay-shadow {
    top: -2px;
}

.container-links {
    max-width: 1200px;
    float: right;
    position: relative;
    z-index: 99;
    top: 5em;
    margin-right: 6em;
    line-height: 5em;
    height: 500px;
}
.overall-container {
    margin-top: -33.5em;
}

}

@media screen and (max-width:992px) {
.navbar-nav>li {
    text-align: -webkit-center;
}
#search-icn {
  display:none;
}

.navbar-nav {
    width: 100%;
}

.navbar-static-top .navbar-collapse {
    width: 100%;
}

#masthead .navbar-nav > li > a:hover {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
    background-color: #710a29;
}

}

@media screen and (max-width:991px) {
.button_links{
	width:300px;
	margin-left:auto;
	margin-right:auto;
}

.overall-wrapper{
	width:fit-content;
}
.site-footer .media-body{
	text-align:center;
}

.site-footer .media-object{
	display:none;
}

.news-centered{
    float: none;
    margin: 1 auto;
}

.h-title, .h-title-black {
    float: none;
    text-align: -webkit-center;
}

.h-morebox, .h-morebox-grey{
	float:none;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	text-align:center;

}

.newswrap {
    max-width: 80%;
    margin-top: 1em;
    overflow: hidden;
}

.read_more_container {
    width: 94.6%;
}

.service_box {
    height: 200px;
}

.news-container {
       height: 16em;
}

}

@media screen and (max-width:990px) {
.navbar-index{
	    margin-left: 0%;
}
}

@media screen and (max-width:960px){
.overall-container {
    margin-top: -34em;
}
.overlay-shadow {
    top: -12px;
    max-width: 60%;
}



}

@media screen and (max-width:768px){
.news_title {
    font-size: 1em;
}
.site-footer .media-body{
	text-align:center;
}

.site-footer .media-object{
	display:none;
}

.container-links-2{
display:block;
}

.headerslider{
	display:none;
}
.navbar-static-top .navbar-collapse {
	text-align:center;
}

.navbar-nav>li {
    text-align: -webkit-center;
}
}

@media screen and (min-width: 769px) { 
#toggle {
display:none;
}
 
} 
 
@media screen and (max-width: 768px) { 
#popout {
position: fixed;
height: 100%;
width: 250px;
background: rgb(25, 25, 25);
background: rgba(25, 25, 25, .9);
color: white;
top: 0px;
left: -250px;
overflow:auto;
}
 
 
#toggle {
float: right;
position: fixed;
top: 60px;
right: 45px;
width: 28px;
height: 24px;
 
}
 
.nav-menu li { 
border-bottom:1px solid #eee; 
padding:20px;
width:100%;
list-style: none;
}
 
.nav-menu li:hover { 
background:#CCC;
}
 
.nav-menu li a { 
color:#FFF;
text-decoration:none;
width:100%;
}
} 

@media screen and (max-width:767px){
.read_more_container {
    width: 92.8%;
}

.news-container {
    margin-top: -1em;
}

.news_title {
    margin-top: 0.5em;
}

}

@media screen and (max-width:535px){
.newswrap {
    max-width: 32em;
    margin-top: 1em;
    overflow: hidden;
}

.read_more_container {
    width: 23.4em;
}

.grey {
    margin-top: 3em;
    margin-bottom: 3em;
	margin-left:0;
	margin-right:0;
    padding-top: 3em;
    padding-bottom: 3em;
}

.news_title {
    vertical-align: -webkit-baseline-middle;
    margin-top: 1em;
    text-transform: uppercase;
    font-size: 1.1em;
}

}

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

.navbar-light .navbar-toggler {
    position: initial;
    margin-left: auto;
}

.upmin_banner h1{
    font-size:1.8rem;
}
.upmin_banner h2{
    font-weight:200;
    font-size:1.5rem;
}

.upmin_banner h4{
    font-weight:200;
    font-size:1rem;
}

}

@media screen and (max-width:480px){ 
img.button_img_square{
        width:30%!important;    
        }

.read_more_container {
    width: 93%;
}

.news-container {
    height: 18em;
    margin-top: -1em;
}

}

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

.site-footer .media-body{
	text-align:center;
}

.site-footer .media-object{
	display:none;
}

.read_more_container {
    width: 92%;
}

.grey {
    margin-top: 3em;
    margin-bottom: 3em;
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 0px;
    padding-right: 0px;
}

}

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

.read_more_container {
    width: 92%;
}

.service_box {
    height: 166px;
}

.news-container {
    height: 21em;
    margin-top: -1em;
}

.grey{
	padding-left:0px;
	padding-right:0px;
}

.site-footer .media-body{
	text-align:center;
}
}

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

.h1, h1 {
    font-size: 1.8rem;
}

.h2, h2 {
    font-size: 1.5rem;
}

.h3, h3 {
    font-size: 1.2rem;
}

.h4, h4 {
    font-size: 1rem;
}

.site-footer .media-object{
	display:none;
}

.read_more_container {
    width: 91%;
}

.site-footer .media-body{
	text-align:center;
}

}


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

.h1, h1 {
    font-size: 1.8rem;
}

.h2, h2 {
    font-size: 1.5rem;
}

.h3, h3 {
    font-size: 1.2rem;
}

.h4, h4 {
    font-size: 1rem;
}

.site-footer .media-body{
	text-align:center;
}

.read_more_container {
    width: 91%;
}

.service_box {
    height: 166px;
}

.news-container {
    height: 21em;
    margin-top: -1em;
}

.grey{
	padding-left:0px;
	padding-right:0px;
}

}


@media only screen and (max-width: 320px){
/** iphone 5 **/
.site-footer .media-object{
	display:none;
}

.site-footer .media-body{
	text-align:center;
}

.h1, h1 {
    font-size: 1.8rem;
}

.h2, h2 {
    font-size: 1.5rem;
}

.h3, h3 {
    font-size: 1.2rem;
}

.h4, h4 {
    font-size: 1rem;
}

.service_box {
    height: 140px;
}

.news-container {
    height: 20em;
}

.read_more_container {
	    width: 89.4%;
}
.grey {
    margin-top: 3em;
    margin-bottom: 3em;
    padding-top: 3em;
    padding-bottom: 3em;
    padding-left: 0px;
    padding-right: 0px;
}
}