/* ==========================================
		BEGIN - TIPOGRAFIA
============================================= */

h1,
.h1 {
	color: #0097da;
}

h2,
.h2 {
	color: #9099a0;
}

.title h3 {
	color: #0098db;
}
.supporting-text,
.page-content,
.page-content p {
	font-family: 'latoregular';
	color: #7c868f;
	line-height: 25px;
}
.page-content p{margin-bottom: 25px !important;}
.slides-container .container .dark,
.slides-container .container .dark h5,
.slides-container .container .dark h2,
.slides-container .container .dark div p,
.slides-container .container .dark div a,
.slides-container .container .dark .line{
	color:#31d9fe !important;
}
.slides-container .container .dark .line{background-color: #31d9fe !important;}
.slides-container .container ,
.slides-container .container h5,
.slides-container .container h2,
.slides-container .container div p,
.slides-container .container div a{color: #fff;}
.slides-container .container .line{background-color: #fff;}
.projects-initiatives h2, .projects-initiatives h6{color: #fff;}

/* ==========================================
		BEGIN - BOTOES
============================================= */

.slides-container .container .btn-secondary {
	background-color: #31d9fe;
}
.slides-container .container .btn.btn-outline-secondary {
	background-color: #0099d8;
	border-color:  #0099d8;
}
.slides-container .container .btn-secondary:hover {
	color: #31d9fe;
}
.slides-container .container .dark .btn.btn-outline-secondary{
	background-color: #0099d8;
	border-color:  #0099d8;
	color: #fff !important;
}
.btn-outline-primary,
.btn-outline-primary:visited {
	color: #31d9fe;
	background-color: transparent;
	border-color: #31d9fe;
}
.btn.btn-primary.head.m10 {
    margin: 10px !important; 
} 
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary:hover {
	background-color: #31d9fe;
	color: #ffffff;
	border-color: #31d9fe;
}
.news .btn-outline-primary:focus,
.news .btn-outline-primary:active {
	background-color: #fff !important;
	color: #31d9fe !important;
	border-color: #fff !important;
}

.btn-outline-secondary,
.btn-outline-secondary:visited {
	color: #ffffff;
	background-color: transparent;
	border-color: #ffffff;
}

.btn-outline-secondary:hover,
.btn-outline-secondary:focus,
.btn-outline-secondary:active {
	background-color: #ffffff;
	color: #31d9fe;
	border-color: #ffffff;
}

.btn-primary,
.btn-primary:visited {
	background-color: #31d9fe;
	border-color: #31d9fe;
	color: #ffffff;
}

.btn-primary:hover,
.btn-primary:focus {
	background-color: #31d9fe;
	border-color: #31d9fe;
	color: #ffffff;
}

.button-container .line {
	background-color: #31d9fe !important;
}
.ng-isolate-scope .btn.btn-primary{
    padding: 8px 20px !important;
    display: table;
    margin-top: 26px;
}
.ng-isolate-scope .btn.btn-primary a{color: #fff;}
.section-porque-marista.ng-scope .btn.btn-primary{
	padding: 8px 55px !important;
	width: auto;
}
/* ==========================================
		BEGIN - HEADER
============================================= */

#s4-titlerow .tool-bar {
	background: #003a63;
}

#header {
	background: #0096d7;
}
#header .dropdown-menu .nav-link{padding: 10px 20px !important;}
#header .btn-cta .nav-link {
	background: #ffffff;
	color: #003a63;
}
#header .dropdown-menu {
    background-color:  #0096d7;;
    color: #fff;
    opacity: 1.0;
}
#header .dropdown-menu .nav-link:hover {
    background-color: #fff;
    color:  #0096d7;;
}
#s4-titlerow .tool-bar .btn-login .line {
	background: #0096d7;
}

#s4-titlerow .tool-bar .btn-login h5 {
	color: #0096d7;
}

#s4-titlerow .tool-bar .dropdown-menu a {
	color: #0096d7;
}

#s4-titlerow .tool-bar .dropdown-menu a:hover {
	background: #0096d7;
}

#s4-titlerow .tool-bar .dropdown-menu a:hover i {
	color: #fff;
}

/* ==========================================
		BEGIN - LOGIN
============================================= */

.btn-login h5 {
	color: #31d9fe !important;
}

.btn-login .fa,
.btn-login .fas {
	color: #31d9fe !important;
}

.btn-login .lst-download a:hover,
.btn-login .lst-download a:focus {
	border-color: #31d9fe;
	background: #31d9fe !important;
	color:#fff !important;
}
.btn-login .shortcut-lst a .label,
.btn-login .shortcut-lst a .icon,
.btn-login .shortcut-lst .icon {
	color:#31d9fe !important;
}
.btn-login .shortcut-lst a:hover .icon,
.btn-login .shortcut-lst:focus .icon {
	background: #31d9fe !important;
	color:#fff !important;
}
.btn-login .line{
	background: #31d9fe !important;
}

/* ==========================================
		BEGIN - MENU LATERAL
============================================= */

.nav-right .ms-core-listMenu-root>li>a .menu-item-text {
	color: #0183bf;
}

.content-detail .line {
	background: #0183bf;
}

.nav-right li>a.ms-core-listMenu-item.ms-core-listMenu-selected:hover,
.nav-right li>a.ms-core-listMenu-item:hover,
.nav-right li>a.ms-core-listMenu-item:active {
	background-color: transparent;
	background-color: transparent;
}

.nav-right .ms-core-listMenu-root>li>ul>li a:hover,
.nav-right .ms-core-listMenu-root>li>ul>li a:focus {
	color: #0183bf;
}

/* ==========================================
		BEGIN - CORPO DA PÁGINA
============================================= */

#contentBox {
	background: #edf2f5;
}
/* ==========================================
		BEGIN - BLOG
============================================= */

.posts .title h4,
.posts .title h4 a,
.posts .title h4 a:hover {
	color: #013765;
} 

/* ==========================================
		BEGIN - DESKTOP - MENU COLEGIOS
============================================= */

.section-nav-colegios {
	background-image: url('/imgs/bg-row-colegios-social.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	-webkit-box-shadow: 0px 20px 40px 0px rgba(51, 51, 51, 0.25);
	-moz-box-shadow: 0px 20px 40px 0px rgba(51, 51, 51, 0.25);
	box-shadow: 0px 20px 40px 0px rgba(51, 51, 51, 0.25);
}

.section-nav-colegios,
.section-nav-colegios a,
.section-nav-colegios h6,
.section-nav-colegios a:hover,
.section-nav-colegios a:visited {
	color: #fff;
}

.section-nav-colegios .line {
	background: #fff;
}

.section-nav-colegios h3 {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	color: #fff;
	margin-bottom: 15px;
	letter-spacing: 0;
}

/* ==========================================
		BEGIN - RESPONSIVE - MENU COLEGIOS
============================================= */

.portrait-nav-colegios {
	background-color: #edf2f5 !important;
	background-image: url('/imgs/bg-row-colegios-social.jpg');
	-webkit-box-shadow: 0px 20px 40px 0px rgba(51, 51, 51, 0.25);
	-moz-box-shadow: 0px 20px 40px 0px rgba(51, 51, 51, 0.25);
	box-shadow: 0px 20px 40px 0px rgba(51, 51, 51, 0.25);
}

.portrait-nav-colegios>a {
	color: #fff !important;
}

.portrait-nav-colegios #navbarNavDropdown a {
	color: #fff;
}

/* ==========================================
		BEGIN - SECTION DIFERENCIAIS/PORQUE MARISTA
============================================= */

.section-porque-marista .v-line {
	background-color: #bddfee;
}

.section-porque-marista h3 {
	color: #fff;
}

.section-porque-marista h2 {
	color: #fff;
}

.section-porque-marista p {
	color: #fff;
}

.section-porque-marista,
.section-porque-marista .tab h4 {
	color: #fff;
}

.section-porque-marista h3 .line {
	background: #fff;
}

.section-porque-marista .tab-nav a {
	color: #31d9fe;
}

.section-porque-marista .tab-nav a:hover,
.section-porque-marista .tab-nav a.selected {
	color: #fff;
	background: #31d9fe;
}

/* ==========================================
		BEGIN - SECTION MARISTA PARTICIPE
============================================= */

.section-marista-participe h2 {
	color: #0099d8;
}
.section-marista-participe h3 a,
.section-marista-participe h3 {
	color: #2c3e50;
}

.section-marista-participe h4 {
	color: #909aa4;
}
/* ==========================================
		BEGIN - SECTION NOSSAS NOTICIAS
============================================= */
.news .media .thumb .no-img{
    background-color: #0183bf
}

/* ==========================================
		BEGIN - SECTION PROJETOS/INICIATIVAS
============================================= */

.section-projetos .line {
	background-color: #fff !important;
}

.section-projetos .projects-initiatives .empty {
	color: #fff;
}

.section-iniciativas .grid-item:hover .card {
	background-color: #31d9fe;
	transition: 1s;
}

.section-iniciativas .grid-item:hover .card h3,
.section-iniciativas .grid-item:hover .card p {
	color: #fff;
	transition: 1s;
}

.section-iniciativas .grid-item:hover .btn-outline-primary {
	background-color: #fff;
	color: #31d9fe;
}

.section-iniciativas .button-container .btn-outline-primary,
.section-iniciativas .button-container .btn-outline-primary:visited {
	background-color: #0096d7 !important;
}

/* ==========================================
		BEGIN - NOSSA TRANSPARENCIA
============================================= */

.section-nossa-transparencia .line:first-child {
	background: #0099d8;
}

.section-nossa-transparencia h2 {
	color: #0099d8;
}

.section-nossa-transparencia .media .line {
	background: #0096d7;
}
 
/* ==========================================
		BEGIN - SECTION REDE MARISTA
============================================= */

.section-rede-marista h6,
.section-rede-marista h2,
.section-rede-marista h5,
.section-rede-marista p {
	color: #fff;
}
.section-rede-marista h6{margin-bottom: 4px;}
.section-rede-marista .btn {
	color: #fff;
	background-color: #31d9fe;
}

/* ==========================================
		BEGIN - SECTION BLOG/NEWS
============================================= */

.section-news .line:first-child {
	background: #31d9fe;
}

.section-news h2 {
	color: #0099d8;
}

.section-news h4 {
	color: #909aa4;
}
.container-post.ng-scope {
    width: 95% !important;
}
.section-news .container-blog-carousel .container-post {
	background: #fff;
	border: 1px solid #c5c5c5;
}

.section-news .container-blog-carousel .container-post .line {
	background: #31d9fe;
}

.section-news .container-post .category {
	color: #31d9fe;
}

.section-news .container-post .date {
	color: #aaaaaa;
}

.section-news .container-post h6 {
	color: #303030;
}

.section-news .container-blog-carousel .nbs-flexisel-nav-left,
.section-news .container-blog-carousel .nbs-flexisel-nav-right {
	background: #fff;
	color: #aaa;
	border: 1px solid #ecf0f1;
}

.section-news .media {
	background: #0096d7;
}

.section-news .media h2 {
	color: #fff;
}

.section-news .media p {
	color: #fff;
}

/* ==========================================
		BEGIN - SECTION AGENDA
============================================= */

.section-agenda .container-section {
	background: #0096d7;
}

.section-agenda .line {
	background: #fff;
}

.section-agenda h2,
.section-calendar h4 {
	color: #fff;
}

.section-agenda .schedule {
	background-color: #fff;
	border-bottom: 2px solid #eef0ef;
}

.section-agenda .media {
	background: #fff;
}

.section-agenda .ng-scope {
    text-decoration: none;
}
.section-agenda .media-body h5{color: #0099d8;}
.section-agenda .ng-scope + .ng-scope {
    border-top: 1px solid #ebedee;
    display: table;
    width: 100%;
    text-decoration: none;
}
.section-news .container-card {
    background-color:#0096d7;
}
.section-news .main-news {
    border-right: 1px solid #fff;
}
.section-news .other-highlighted-news h3 a {
    color: #fff;
}
.section-news .slick-list h3,
.section-news .slick-list h3 a {
    color: #303030;
}
.section-news .slick-list p a{
    color: #656b6f;
}
.section-agenda .media:hover {
	background: rgba(0, 151, 215, 1);
	background: -moz-linear-gradient(-45deg, rgba(0, 151, 215, 1) 0%, rgba(49, 217, 254, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 151, 215, 1)), color-stop(100%, rgba(49, 217, 254, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(0, 151, 215, 1) 0%, rgba(49, 217, 254, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0, 151, 215, 1) 0%, rgba(49, 217, 254, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0, 151, 215, 1) 0%, rgba(49, 217, 254, 1) 100%);
	background: linear-gradient(135deg, rgba(0, 151, 215, 1) 0%, rgba(49, 217, 254, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0097d7', endColorstr='#31d9fe', GradientType=1);
}

.section-agenda .date {
	color: #fff;
	background: rgba(39, 171, 228, 1);
	background: -moz-linear-gradient(-45deg, rgba(39, 171, 228, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(39, 171, 228, 1)), color-stop(100%, rgba(90, 197, 243, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(39, 171, 228, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(39, 171, 228, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(39, 171, 228, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: linear-gradient(135deg, rgba(39, 171, 228, 1) 0%, rgba(90, 197, 243, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27abe4', endColorstr='#5ac5f3', GradientType=1);
}

.section-agenda .media-body span {
	color: #656b6f;
}

.section-agenda .d-block.text-center {
	background-color: #fff;
	border-left: 1px solid #ecf0f1;
	border-right: 1px solid #ecf0f1;
	padding: 11px;
}

.section-agenda .media:hover .date {
	background: #fff;
	color: #30deff;
}

.section-agenda .media:hover .date span.day,
.section-agenda .media:hover .date span.month {
	color: #80d8ff !important;
}

.section-agenda .media:hover h5,
.section-agenda .media:hover .media-body span {
	color: #fff;
}

.section-agenda .schedule .box::-webkit-scrollbar-track {
	background: #eaedef;
}

.section-agenda .schedule .box::-webkit-scrollbar-thumb {
	background: #31d9fe;
}
.section-agenda .ng-isolate-scope .btn.btn-primary{margin: 21px auto; padding: 0.25rem 2.6rem !important;}
/* ========================================== 
		BEGIN - TÍTULO DAS PÁGINAS INTERNAS
============================================= */

.sub-header .title {
	border-left: 10px solid #0096d7 !important;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
.sub-header .ng-scope .ng-isolate-scope .row.ng-scope{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 9; 
}

/* ==========================================
		BEGIN - CALENDAR LIST
============================================= */

.calendar .media { 
	border-color: #31d9fe;
}

.calendar .media .media-body h5 {
	color: #30d9ff;
}

.calendar .media .media-body a {
	color: #30d9ff;
}

.calendar .outer-border {
	border-color: #5eddfd;
}

.calendar .date {
	background: rgba(39, 171, 228, 1);
	background: -moz-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 152, 219, 1)), color-stop(100%, rgba(90, 197, 243, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: linear-gradient(135deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098db', endColorstr='#5ac5f3', GradientType=1);
}

.calendar .slick-dots li.slick-active button:before {
	color: #33d9ff;
}

.calendar .button-container .line {
	background-color: #31d9fe !important;
}

.calendar .button-container a {
	color: #31d9fe;
}

.calendar .button-container a:hover {
	background-color: #31d9fe;
	border: 1px solid #31d9fe;
}

.slick-prev:before,
.slick-next:before {
	background: #2dd6ff;
	color: #fff;
	padding: 10px 6px;
}

/* ==========================================
		BEGIN - CALENDAR DETAIL
============================================= */

.content-detail.event h1 {
	color: #0183bf;
}

.content-detail.event h2 {
	color: #0183bf;
}

.content-detail.event .content,
.content-detail.event .time {
	color: #7f8992;
}

.content-detail.event .content h2,
.content-detail.event .time h2,
.content-detail.event .programacao h2,
.content-detail.event .como-chegar h2 {
	border-left: 4px solid #c1c8ce;
}

.content-detail.event .card-event .media {
	background-color: #fff;
}

.content-detail.event .card-event .media-left {
	background: rgba(39, 171, 228, 1);
	background: -moz-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0, 152, 219, 1)), color-stop(100%, rgba(90, 197, 243, 1)));
	background: -webkit-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	background: linear-gradient(135deg, rgba(0, 152, 219, 1) 0%, rgba(90, 197, 243, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098db', endColorstr='#5ac5f3', GradientType=1);
}

.content-detail.event .card-event .date {
	border: 2px solid #fff;
	color: #fff;
}

.content-detail.event .card-event .media-footer {
	border-top: 1px solid #eef0ef;
	color: #8a97a0;
}

.content-detail.event .event-schedule .media {
	background-color: #fff;
	color: #0183bf;
	-webkit-box-shadow: 0px 0px 8px 4px rgba(168, 172, 185, 0.14);
	-moz-box-shadow: 0px 0px 8px 4px rgba(168, 172, 185, 0.14);
	box-shadow: 0px 0px 8px 4px rgba(168, 172, 185, 0.14);
}

.content-detail.event .event-schedule .line {
	background: #0183bf;
}

.content-detail.event .event-schedule .media.disabled {
	border: 1px solid #e0e5e8;
	color: #b8c1ca;
	background-color: #edf1f4;
}

.content-detail.event .event-schedule .media.disabled .line {
	background-color: #b8c1ca;
}

.content-detail.event .event-schedule .media.enabled {
	background-color: #0183bf;
	color: #fff;
}

.content-detail.event .event-schedule .media.enabled .line {
	background-color: #fff;
}

.content-detail.event .event-schedule .media-body {
	border-left: 1px solid #e0e5e8;
	color: #7d868d;
}

.content-detail.event .event-schedule .media.disabled .media-body {
	color: #b8c1ca;
}

.content-detail.event .event-schedule .media.enabled .media-body {
	color: #fff;
}

/* ==========================================
		BEGIN - NEWS LIST & NEWS DETAIL
============================================= */

.news .line {
	background: #0183bf;
}

.news .title h2,
.news .title h2 a,
.news .title h2 a:hover {
	color: #0183bf;
}

.news .categoria {
	color: #30d9ff;
}

.content-detail .right-side h2,
.content-detail .right-side h2>a {
	border-color: #0183bf;
	color: #0183bf;
}

.content-detail .right-side .last-posts .title h5 a {
	color: #0183bf;
}

.content-detail .right-side ul.categorias a,
.content-detail .right-side ul.categorias a:visited {
	color: #30d9ff;
}

.content-detail .right-side .last-posts .categoria {
	color: #30d9ff;
}

.content-detail .right-side .tags .item {
	color: #30d9ff;
}

.content-detail .news h4 span {
	color: #0183bf;
}

.content-detail .news .thin-line {
	background-color: #0183bf;
}

.content-detail #comments-section {
	border-color: #0183bf;
}

/* ==========================================
		BEGIN - LOCALIZAÇÃO
============================================= */
.content-detail .localization h2.ng-binding{color: #0183bf; }
/* ==========================================
		BEGIN - TAGS
============================================= */

.content-detail .tags-content,
.content-detail .tags-content span {
	color: #30d9ff;
}

/* ==========================================
		BEGIN - FOOTER
============================================= */

.footer {
	background: #003a63;
	color: #fff;
}

.footer .line,
.footer .vline {
	background: #fff;
}

.footer .line {
	background: #30d9ff !important;
}

/* ==========================================
		BEGIN - RESPONSIVE
============================================= */

@media (max-width: 1199px) and (min-width: 992px) {
	#header .search-icon {
		display: none;
	}
	#header .line {
		display: none;
	}
	#s4-titlerow .tool-bar .btn-login .search-icon {
		padding: 7px 15px;
		display: block;
	}
	#s4-titlerow .tool-bar .navbar-light {
		margin-left: 0;
	}
}

@media (max-width: 991px) {
	#siteIcon .ms-siteicon-a,
	#siteIcon .ms-siteicon-img {
		width: 12rem;
	}
	#navbar-main-menu .dropdown-menu {
		background-color: transparent;
	}
	.ng-isolate-scope .btn.btn-primary{width: 100%;}
}
@media (max-width: 767px) {
	#header #navbar-main-menu{background-color:#0096d7}
	.sub-header label.filter-data{color: #0097da !important;}
	.sub-header .title,
	.sub-header .ng-scope .ng-isolate-scope .row.ng-scope{
		position: relative !important;
		top: 0 !important;
		transform: none !important;
		width: auto !important;
	}
    .section-agenda .box a:first-child{
		display: table;
		width: 100%;
	}
	.section-agenda .ng-isolate-scope .btn.btn-primary{
		padding: 0.25rem 1.6rem !important;
	}
}
@media (max-width: 575px) {
	.calendar .media .line {
		background: #30d9ff;
	}
	.calendar .date {
		background: transparent;
		color: #30d9ff;
	}
	.calendar .media .media-body h5,
	.calendar .media .media-body a {
		color: #8a97a0;
	}
	.ng-isolate-scope .btn.btn-primary{width: 100%;}
    .section-agenda .box a:first-child{
		display: table;
		width: 100%;
	}
	.section-agenda .ng-isolate-scope .btn.btn-primary{
		padding: 0.25rem 1.6rem !important;
	}
}

/*----- CSS ONLY FOR INTERNET EXPLROER -----*/

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
	.portrait-nav-colegios {
		border-right: 1px solid rgba(0, 58, 99, .2);
		border-bottom: 1px solid rgba(0, 58, 99, .2);
		border-left: 1px solid rgba(0, 58, 99, .4);
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}



/* ==========================================
		BEGIN - Galeria
============================================= */

.col-md-6.vertical-center{
	margin-top: auto;
	margin-bottom: auto;
}