/*
Theme Name: OPARANA
Theme URI: https://wordpress.org
Author: BW
Author URI: https://wordpress.org/
Description: Tema desenvolvido para o jornal OPARANÁ
Version: 1.0
License: PROIBIDO REPRODUÇÃO SEM AUTORIZAÇÃO ESCRITA
Text Domain: OPARANA
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root {
  --primary: #0074ad;
  --secondary: #63b2e5;
  --light: #dbe7ed;
  --dark: #000;
  --warning: #ff7506;
}

figure.alignright, .alignleft, figure.alignnone, figure.aligncenter {
  clear: both;
  float: left;
  padding-right: 10px;
}

.wp-caption { max-width: 100% !important; }

body { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 13px;  }

a:hover { text-decoration: none; }

.separator-primary { background: var(--primary); opacity: .3; }

iframe { max-width: 100% !important; }
img { max-width: 100%; }

h1{ font-size: 20px; }
h2{ font-size: 18px; }
h3{ font-size: 16px; }
h4{ font-size: 14px; }

.post-content { font-size: 15px; line-height: 30px; }

.font-bold { font-weight: bold; }
.font-bolder { font-weight: bolder; }
.font-100 { font-weight: 100; }
.font-200 { font-weight: 200; }
.font-300 { font-weight: 300; }
.font-400 { font-weight: 400; }
.font-500 { font-weight: 500; }
.font-600 { font-weight: 600; }
.font-700 { font-weight: 700; }
.font-800 { font-weight: 800; }
.font-900 { font-weight: 900; }

.bg-light { background: var(--light) !important; }
.bg-dark { background: var(--dark) !important; }
.bg-primary { background: var(--primary) !important; }
.bg-primary:hover { opacity: .9 !important; }
.bg-secondary { background: var(--secondary) !important; }

.btn-primary { color: #fff; background-color: var(--primary); border-color: var(--primary); }
.btn-round { border-radius: 15px; padding-left: 25px; padding-right: 25px; }

.title-primary { background: #ffdede; }

.text-light { color: var(--light) !important; }
.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--secondary) !important; }
.text-dark { color: var(--dark) !important; }
.text-warning { color: var(--warning) !important; }
.text-wrap { word-break: break-all; }

.b-1 { border: 1px solid; }
.b-2 { border: 2px solid; }
.b-3 { border: 3px solid; }
.b-4 { border: 4px solid; }
.b-5 { border: 5px solid; }

.bl-1 { border-left: 1px solid; }
.bl-2 { border-left: 2px solid; }
.bl-3 { border-left: 3px solid; }
.bl-4 { border-left: 4px solid; }
.bl-5 { border-left: 5px solid; }

.bt-1 { border-bottom: 1px solid; }
.bt-2 { border-bottom: 2px solid; }
.bt-3 { border-bottom: 3px solid; }
.bt-4 { border-bottom: 4px solid; }
.bt-5 { border-bottom: 5px solid; }

.b-light { border-color: var(--light); }
.b-primary { border-color: var(--primary); }
.b-secondary { border-color: var(--secondary); }
.b-dark { border-color: var(--dark); }
.b-warning { border-color: var(--warning); }

.separator-warning { background: #ff7506; height: 4px; max-width: 90px; }
.separator-white {height: 4px; max-width: 90px; background: #fff; }

.img-circle { border-radius: 10rem; }

.right-column .postdate { font-size: 9px; }

.screen-reader-text { display: none; }


.owl-theme .owl-nav [class*=owl-]:hover { background: none; color: #000; outline: none; }
.owl-relateds .owl-prev { font-size: 43px; position: absolute; left: -40px; top: 70px; font-size: 62px !important; }
.owl-relateds .owl-next { font-size: 43px; position: absolute; right: -40px; top: 70px; font-size: 62px !important; }

@media(max-width: 768px) {
	.owl-relateds .owl-next { right: 0; }
	.owl-relateds .owl-prev { left: 0; }
}


.wp-paginate { text-align: center; }
.wp-paginate a { font-size: 16px; }

#content { min-height: 345px; }

/* ************* SF-MENU ***************** */
/*#menu-wrapper { display: flex; align-items: center; }*/
.sf-menu { background: none !important; background: none!important; align-self: center; }
.sf-menu .container { border-bottom: var(--primary) solid 3px; }
.sf-menu .navbar-nav { width: 100%; justify-content: flex-end; }
.sf-menu .navbar-nav .nav-link { color: var(--primary) !important; text-transform: uppercase; padding-top: 20px; padding-bottom: 20px; }
.sf-menu .navbar-nav .nav-link{ text-transform: uppercase!important; cursor: pointer; color: #002342!important; font-size: 12px; font-weight: 600; }

@media(min-width: 768px) {
  .sf-menu .navbar-nav .nav-link { padding-left: 2px; }
}

@media(max-width: 768px) {
  .sf-menu .navbar-nav .nav-link { padding-top: 10px; padding-bottom: 10px; font-size: 14px; }
}

.sf-menu .dropdown-menu { background-color: var(--white); }
.sf-menu .dropdown-item { color: #002342; font-size: 12px; }
.sf-menu .dropdown-item:focus, .dropdown-item:hover { background-color: var(--primary); color: #fff }
.sf-menu .navbar-nav .active > .nav-link { color: #002147 !important; }

.navbar-toggler { padding: 0; border: none !important; }
.navbar-toggler { outline: none !important; }
.navbar-toggler img { width: 30px; }

.sf-menu.fixed { position: fixed; width: 100%; background: #fff !important; top: -8px; z-index: 200; }
.sf-menu.fixed .navbar-brand img { max-width: 180px; }

@media(min-width: 768px) {
  .sf-menu{ padding-right: 0; }
}


/*#header { position: fixed; top: 0; left: 0; z-index: 11; width: 100%; }*/
#header .social { list-style: none; }

#top img { max-width: 25px; }

#top-search { justify-content: center; }
#top-search .form-control { height: 26px; border-radius: 12px;  padding-left: 30px; }
#top-search .form-control:focus { outline-offset: 40px; }

@media(min-width: 768px) {
	#top-search .form-control { padding-left: 30px; max-width: 93%; }
}

#top .btn-subscribe { border-radius: 15px; height: 26px; }

#top-search button { outline: none; background: none; position: absolute; left: 4px; max-width: 18px; top: 2px; border: none; }
#top-search button img { max-width: 18px; }

@media(max-width: 1200px) {
	#top, #top a { font-size: 11px; }
	#top .btn-subscribe { min-width: 100px; margin-right: 10px; }
}


#columns .btn-more-columns { margin-top: -32px; }


#footer { background: var(--primary); }

#footer a { color: #fff; padding-left: 10px; padding-right: 10px; font-weight: 800; }


.sharepost { border-top-right-radius: 20px; border-top-left-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px }
.sharepost a { font-size: 21px; }

.sharepostinline a { font-size: 18px; }

@media(min-width: 768px) {
	.sharepost { width: 40px; position: fixed; z-index: 10; top: 40%; margin-left: -50px; width: 40px; margin-bottom: -123px; }
}

@media(max-width: 768px) {
	.sharepost { display: flex; justify-content: center; }
	.sharepost li { width: 40px; }
}

@media(max-width: 768px) {
	body { font-size: 15px; }
	h4 { font-size: 16px; }

	.postdate { font-size: 16px; }
	.owl-relateds { margin-top: 20px; }
	#top .btn-subscribe { font-size: 11px; min-width: 100px; }

	/*iframe { max-height: 220px !important; }*/

	.post-content { font-size: 15px; }

	#top-search .form-control { padding-left: 30px; margin-left: 12px; width: 96%; }
	#top-search button { left: 17px; }

	.right-videos { font-size: 19px; }
}

@media(min-width: 1200px){
	.pub-hom2 {
		margin-top: 55%	
	}
	.group-impress {
		margin-top: 17%;
	}
}

.navbar-expand-lg .navbar-collapse {
    margin-right: -60px;
}