.blog-page .hero {
position: relative;
height: auto;
min-height: 600px;
color: var(--white);
text-align: center;
overflow: hidden;
padding: 180px 0 120px;
background: #050046;
} .blog-page .hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(5, 0, 70, 0.6); z-index: 1;
}
.blog-page .hero-video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
z-index: 0;
object-fit: cover;
}
.blog-page .hero .content {
position: relative;
z-index: 2; }
.blog-page .hero .circle-top {
width: 530px;
height: 530px;
background: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/hero-circle-one.html);
background-size: cover;
position: absolute;
top: -600px;
right: -250px;
}
.blog-page .hero .circle-bottom {
width: 530px;
height: 530px;
background: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/hero-circle-two.html);
background-size: cover;
position: absolute;
bottom: -450px;
left: -300px;
}
.blog-page .hero .rectangle-bottom {
width: 530px;
height: 530px;
background: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/hero-rectangle.html);
background-size: cover;
position: absolute;
bottom: -550px;
right: -250px;
}
.blog-page .hero h4 {
margin-bottom: 20px;
font-size: 16px;
}
.blog-page .hero h1 {
font-size: 52px;
letter-spacing: -1px;
position: relative;
z-index: 20;
}
.blog-page .hero nav {
margin: 40px 0 80px;
position: relative;
z-index: 100;
}
.blog-page .hero nav ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.blog-page .hero nav ul li {
margin: 0 10px 10px 0;
}
.blog-page .hero nav ul li a {
color: #9D9D9D;
border: 1px solid #9D9D9D;
background: var(--black);
border-radius: 30px;
padding: 5px 15px;
transition: var(--transition);
display: block;
font-size: 14px;
}
.blog-page .hero nav ul li a:hover,
.blog-page .hero nav ul li.current-menu-item a {
background: var(--blue);
color: var(--white);
border-color: var(--blue);
} .blog-page.archive .hero,
.blog-page.paged .hero {
padding: 170px 0 0;
}
.blog-page.archive .last-posts,
.blog-page.paged .last-posts {
padding-top: 70px;
}
.blog-page.archive .hero .circle-bottom,
.blog-page.paged .hero .circle-bottom {
bottom: -370px;
}
.blog-page.archive .hero .rectangle-bottom,
.blog-page.paged .hero .rectangle-bottom {
bottom: -470px;
} .post-box {
display: flex;
flex-direction: column;
position: relative;
background: var(--white);
border-radius: 10px;
overflow: hidden;
}
.post-box .featured-image {
width: 100%;
height: 220px;
min-height: 220px;
background: #EEE;
overflow: hidden;
}
.post-box .featured-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-box .post-content {
padding: 40px 35px 30px 35px;
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
}
.post-box .post-content .post-categories {
display: flex;
margin-bottom: 0;
flex-wrap: wrap;
}
.post-box .post-content .post-categories li {
font-size: 13px;
margin: 0 10px 10px 0;
}
.post-box .post-content .post-categories li a {
color: var(--blue);
}
.post-box .post-content .post-categories li a:hover {
text-decoration: underline;
}
.post-box .post-values {
margin-bottom: 30px;
}
.post-box .post-values a:not(.button) {
color: #0A0A36;
transition: var(--transition);
}
.post-box .post-values h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
transition: var(--transition);
text-transform: none;
}
.post-box .post-values a:not(.button):hover h3 {
color: var(--blue);
}
.post-box .post-values p {
color: #77778F;
line-height: 1.4;
font-size: 15px;
}
.post-box .post-values .author-name {
display: block;
font-size: 15px;
font-weight: 300;
}
.post-box .post-values .author-name a {
color: var(--black);
font-weight: 400;
}
.post-box .post-values .author-name a:hover {
text-decoration: underline;
}
.post-box .post-meta {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
.post-box .post-meta .post-author {
display: flex;
align-items: center;
}
.post-box .post-meta .post-author figure {
width: 45px;
height: 45px;
min-width: 45px;
background: #CCC;
border-radius: 100%;
overflow: hidden;
position: relative;
}
.post-box .post-meta .post-author figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.post-box .post-meta .post-author figure+figure {
margin-left: -10px;
}
.post-box .post-meta .post-author .author-name span {
font-size: 12px;
color: #989898;
margin-bottom: 1px;
display: none;
}
.post-box .post-meta .post-author .author-name p {
font-size: 16px;
display: none;
}
.post-box .post-meta .post-author .author-name a {
color: var(--black);
}
.post-box .post-meta .post-author .author-name a:hover {
text-decoration: underline;
}
.post-box .post-meta .date {
font-weight: 400;
font-size: 14px;
color: #5C5C79;
} .featured-post {
background: #f5f5f7;
}
.featured-post .post-box {
flex-direction: row;
width: 980px;
margin: -150px auto 0;
align-items: stretch;
min-height: 330px;
background: none;
}
.featured-post .post-box .featured-image {
border-radius: 10px 0 0 10px;
height: auto;
width: 430px;
min-width: 430px;
background: var(--black);
}
.featured-post .post-box .post-content {
border-radius: 0 10px 10px 0;
padding: 35px 50px 35px 35px;
display: flex;
flex-direction: column;
justify-content: space-between;
background: var(--white);
height: auto;
}
.featured-post .post-box .post-value {
margin-bottom: 50px;
}
.featured-post .post-box .post-values h3 {
margin-bottom: 15px;
}
.featured-post .post-box .post-values .date {
margin-top: 20px;
}
.featured-post .post-box .post-meta {
justify-content: space-between;
align-items: flex-end;
}
.featured-post .post-box .post-meta .post-author figure {
position: static;
}
.featured-post .post-box .post-meta .post-author .author-name {
margin-left: 10px;
}
.featured-post .post-box .post-meta .post-author .author-name span {
font-size: 12px;
color: #989898;
margin-bottom: 1px;
display: block;
}
.featured-post .post-box .post-meta .post-author .author-name p {
font-size: 15px;
display: block;
} .promoted-posts {
background: #f5f5f7;
}
.promoted-posts .content {
width: 980px;
}
.promoted-posts .promoted-carrousel {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.promoted-posts .post-box {
width: 49%;
height: auto;
}
.promoted-posts .post-box .post-meta {
align-items: center;
}
.promoted-posts .post-box .post-meta .post-author {
margin-right: 10px;
} .last-posts {
background: #f5f5f7;
}
.last-posts .content {
width: 980px;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.last-posts .post-box {
width: calc(33.3333% - 10px);
margin-bottom: 40px;
margin-right: 15px;
}
.last-posts .post-box:nth-child(3n) {
margin-right: 0;
}
.last-posts .post-box .post-values h3 {
font-size: 20px;
margin-bottom: 10px;
}
.last-posts .post-box .post-values .author-name {
font-size: 14px;
line-height: 1.4;
}
.last-posts .post-box .featured-image {
height: 170px;
min-height: 170px;
}
.last-posts .post-box .post-meta .post-author {
position: absolute;
top: 145px;
} .success-stories {
height: auto;
background: var(--black);
padding: 100px 0 80px;
}
.success-stories .header {
color: var(--white);
display: flex;
justify-content: space-between;
align-items: flex-end;
max-width: 980px;
margin: 0 auto;
}
.success-stories .header .left span {
font-size: 19px;
display: block;
margin-bottom: 30px;
}
.success-stories .header .left h4 {
font-size: 38px;
}
.success-stories .header .right {
max-width: 500px;
}
.success-stories .header .right p {
line-height: 1.4;
position: relative;
top: -5px;
}
.success-stories .carrousel {
color: var(--white);
margin: 70px 0 10px;
}
.success-stories .carrousel li {
width: 1000px;
height: 500px;
padding: 0 15px;
}
.success-stories .carrousel .success-story {
height: 100%;
width: 100%;
background: #111;
border-radius: 20px;
padding: 20px 50px;
display: flex;
justify-content: flex-end;
align-items: center;
position: relative;
overflow: hidden;
}
.success-stories .carrousel li.celbrea .success-story {
background: #A248EA;
}
.success-stories .carrousel li.landid .success-story {
background: #1D1D1D;
}
.success-stories .carrousel li.brainfm .success-story {
background: #22145B;
}
.success-stories .carrousel li.youscience .success-story {
background: #22A186;
}
.success-stories .carrousel .success-story .left {
width: 380px;
min-width: 380px;
position: absolute;
bottom: -20px;
left: 0;
}
.success-stories .carrousel .success-story .left img {
width: 100%;
}
.success-stories .carrousel li.celbrea .success-story .left {
left: 60px;
}
.success-stories .carrousel li.landid .success-story .left {
left: 20px;
width: 400px;
min-width: 400px;
}
.success-stories .carrousel li.brainfm .success-story .left {
width: 330px;
min-width: 330px;
left: 80px;
}
.success-stories .carrousel li.youscience .success-story .left {
width: 390px;
min-width: 390px;
left: 40px;
}
.success-stories .carrousel .success-story .right {
padding: 30px;
width: 450px;
}
.success-stories .carrousel .success-story .right figure {
max-width: 130px;
margin-bottom: 15px;
}
.success-stories .carrousel .success-story .right h3 {
font-weight: 600;
margin-bottom: 20px;
font-size: 34px;
line-height: 1.2;
color: var(--white);
}
.success-stories .carrousel .success-story .right p {
line-height: 1.4;
color: var(--white);
}  .success-stories .carrousel .success-story .right .description {
color: var(--white);
line-height: 1.5;
margin-bottom: 20px;
}
.success-stories .carrousel .success-story .right .description p {
color: var(--white);
margin-bottom: 10px;
}
.success-stories .carrousel .success-story .right .description strong {
font-weight: 600;
} .success-stories .carrousel .success-story .right a.button {
display: inline-block;
padding: 12px 24px;
background-color: #fff;
color: #333;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border-radius: 6px;
margin-bottom: 20px;
transition: all 0.3s ease;
}
.success-stories .carrousel .success-story .right a.button:hover {
background-color: rgba(255, 255, 255, 0.9);
transform: translateY(-2px);
} .success-stories .carrousel .success-story .right .anexos {
border-top: 1px solid rgba(255, 255, 255, 0.3);
padding-top: 15px;
margin-top: 10px;
}
.success-stories .carrousel .success-story .right .anexos .anexos-titulo {
font-size: 14px;
font-weight: 600;
color: var(--white);
margin-bottom: 10px;
}
.success-stories .carrousel .success-story .right .anexos ul {
list-style: none;
margin: 0;
padding: 0;
}
.success-stories .carrousel .success-story .right .anexos ul li {
margin-bottom: 8px;
}
.success-stories .carrousel .success-story .right .anexos ul li a {
color: var(--white);
text-decoration: underline;
font-size: 14px;
opacity: 0.9;
transition: opacity 0.2s ease;
}
.success-stories .carrousel .success-story .right .anexos ul li a:hover {
opacity: 1;
} .success-stories .carrousel li.edital-roxo .success-story {
background: #843C76;
}
.success-stories .carrousel li.edital-rosa .success-story {
background: #C15AB3;
}
.success-stories .carrousel li.edital-azul-claro .success-story {
background: #6EC1FF;
}
.success-stories .carrousel li.edital-azul .success-story {
background: #03A9F4;
}
.success-stories .carrousel-controls {
display: flex;
justify-content: space-between;
margin: 60px auto 0;
max-width: 980px;
}
.success-stories .carrousel-controls .cases-arrows {
color: var(--white);
display: flex;
}
.success-stories .carrousel-controls .cases-arrows .carrousel-arrow:before {
color: var(--white);
}
.success-stories .carrousel-controls .carrousel-dots {
display: flex;
position: relative;
align-items: center;
}
.success-stories .carrousel-controls .carrousel-dots .swiper-pagination-bullet {
background: #8d8d8d;
}
.success-stories .carrousel-controls .carrousel-dots .swiper-pagination-bullet:hover,
.success-stories .carrousel-controls .carrousel-dots .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: var(--white);
} .trending-posts {
padding: 70px 0;
width: 980px;
margin: 0 auto;
}
.trending-posts .header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 70px;
}
.trending-posts .header a {
font-size: 14px;
display: inline-block;
border: 1px solid var(--black);
border-radius: 40px;
padding: 6px 15px;
color: var(--black);
transition: var(--transition);
}
.trending-posts .header a:hover {
background: var(--black);
color: var(--white);
}
.trending-posts .header h3 {
letter-spacing: -1px;
}
.trending-posts .posts-list .post-box {
flex-direction: row;
margin-bottom: 60px;
align-items: center;
}
.trending-posts .posts-list .post-box .featured-image {
width: 320px;
min-width: 320px;
border-radius: 10px;
}
.trending-posts .posts-list .post-box .post-content {
padding: 0 50px 0 0;
}
.trending-posts .posts-list .post-box .post-author {
display: flex;
align-items: center;
margin-bottom: 15px;
}
.trending-posts .posts-list .post-box .post-author figure {
width: 35px;
height: 35px;
min-width: 35px;
background: #CCC;
border-radius: 100%;
overflow: hidden;
}
.trending-posts .posts-list .post-box .post-author figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.trending-posts .posts-list .post-box .post-author figure+figure {
margin-left: -10px;
}
.trending-posts .posts-list .post-box .post-author .author-name {
font-size: 14px;
margin-left: 10px;
}
.trending-posts .posts-list .post-box .post-author .author-name a {
font-size: 14px;
color: var(--black);
font-weight: 400;
}
.trending-posts .posts-list .post-box .post-author .author-name a:hover {
text-decoration: underline;
}
.trending-posts .posts-list .post-box .post-meta {
font-size: 14px;
}
.trending-posts .posts-list .post-box .post-meta .date {
font-size: 14px;
}
.trending-posts .posts-list .post-box .post-meta .read-time {
display: inline-block;
padding: 0 15px;
}
.trending-posts .posts-list .post-box .post-content .post-categories li {
font-size: 14px;
}
.trending-posts .posts-list .post-box .post-values h3 a {
transition: var(--transition);
font-weight: 600;
}
.trending-posts .posts-list .post-box .post-values h3 a:hover {
color: var(--blue);
} .blog-post-wrapper {
background: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/blog-top-shape.svg);
background-repeat: no-repeat;
background-size: 1600px auto;
background-position: center -300px;
padding: 200px 0 100px;
}
.blog-post-wrapper .post-header {
max-width: 780px;
margin: 0 auto;
}
.blog-post-wrapper .post-header .back-to-insights {
font-size: 15px;
color: var(--black);
font-weight: 600;
display: flex;
align-items: center;
margin-bottom: 30px;
}
.blog-post-wrapper .post-header .back-to-insights i {
rotate: 180deg;
display: inline-block;
margin-right: 5px;
position: relative;
top: -1px;
left: 0;
transition: var(--transition);
}
.blog-post-wrapper .post-header .back-to-insights:hover i {
left: -3px;
}
.blog-post-wrapper .post-header .top {
display: flex;
align-items: center;
}
.blog-post-wrapper .post-header .top .categories-list {
margin-bottom: 5px;
display: flex;
}
.blog-post-wrapper .post-header .top .categories-list li {
margin: 0 10px 10px 0;
}
.blog-post-wrapper .post-header .top .categories-list li a {
font-size: 14px;
display: inline-block;
font-weight: 500;
color: var(--blue);
}
.blog-post-wrapper .post-header .top .categories-list li a:hover {
text-decoration: underline;
}
.blog-post-wrapper .post-header .top .date {
color: #5C5C79;
font-size: 14px;
display: block;
font-weight: 500;
margin: 0 20px 10px 0;
position: relative;
}
.blog-post-wrapper .post-header .top .date:before {
content: "";
position: absolute;
display: block;
width: 1px;
background: var(--black);
height: 15px;
right: -10px;
opacity: .6;
}
.blog-post-wrapper .post-header .title {
font-weight: bold;
letter-spacing: -1px;
line-height: 1.1;
font-size: 48px;
}
.blog-post-wrapper .post-header .excerpt {
color: #5E5E5E;
line-height: 1.4;
margin-top: 20px;
font-size: 18px;
}
.blog-post-wrapper .post-header .excerpt a {
color: var(--blue);
}
.blog-post-wrapper .post-header .excerpt a:hover {
text-decoration: underline;
}
.blog-post-wrapper .tags-list-wrapper {
max-width: 780px;
margin: 30px auto 0;
}
.blog-post-wrapper .tags-list-wrapper .tags-title {
font-weight: bold;
margin-bottom: 10px;
}
.blog-post-wrapper .tags-list-wrapper .tags-list {
margin-bottom: 5px;
display: flex;
flex-wrap: wrap;
}
.blog-post-wrapper .tags-list-wrapper .tags-list li {
margin: 0 5px 5px 0;
}
.blog-post-wrapper .tags-list-wrapper .tags-list li a {
font-size: 14px;
display: inline-block;
font-weight: 500;
color: var(--blue);
text-decoration: none;
}
.blog-post-wrapper .tags-list-wrapper .tags-list li a:after {
content: ",";
display: inline-block;
}
.blog-post-wrapper .tags-list-wrapper .tags-list li:last-child a:after {
display: none;
}
.blog-post-wrapper .tags-list-wrapper .tags-list li a:hover {
text-decoration: underline;
}
.blog-post-wrapper .post-image {
width: 1160px;
height: 620px;
overflow: hidden;
border-radius: 20px;
margin: 60px 0 30px;
}
.blog-post-wrapper .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
} .blog-post-wrapper .author-box {
border-top: 1px solid #EAECF0;
padding-top: 60px;
margin: 60px auto 0;
max-width: 830px;
}
.blog-post-wrapper .author-box .content {
max-width: 600px;
margin: 0 auto;
}
.blog-post-wrapper .author-box .top {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.blog-post-wrapper .author-box .top figure {
width: 55px;
min-width: 55px;
height: 55px;
margin-right: 10px;
overflow: hidden;
border-radius: 100%;
}
.blog-post-wrapper .author-box .top figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-post-wrapper .author-box .top figure+figure {
margin-left: -20px;
}
.blog-post-wrapper .author-box .top .author-info {
display: flex;
flex-direction: column;
color: #3A3A3A;
}
.blog-post-wrapper .author-box .top .author-info .author-name {
padding: 3px 0;
font-size: 16px;
}
.blog-post-wrapper .author-box .top .author-info .author-name a {
color: #3A3A3A;
}
.blog-post-wrapper .author-box .top .author-info .author-name a:hover {
text-decoration: underline;
}
.blog-post-wrapper .author-box .top .author-info .author-role {
color: #5C5C79;
font-size: 14px;
}
.blog-post-wrapper .author-box .bio {
color: #5C5C79;
font-size: 15px;
line-height: 1.5;
margin-top: 10px;
} .blog-post-wrapper .blog-post-flexible-content {} .blog-post-wrapper .blog-post-flexible-content .wysiwyg {
max-width: 780px;
margin: 0 auto;
line-height: 1.4;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg:last-of-type {
margin-bottom: 20px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content {
width: 100%;
max-width: 100%;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content p {
font-size: 17px;
line-height: 1.5;
padding: 10px 0;
font-weight: 300;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content p span {
font-size: 17px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg blockquote {
padding: 30px 40px;
background: #EEE;
border-radius: 10px;
font-style: italic;
position: relative;
margin: 20px 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg blockquote:before {
content: "";
width: 0;
height: 0;
border-style: solid;
border-width: 40px 40px 0 0;
border-color: #EEE transparent transparent transparent;
position: absolute;
top: 50%;
left: -10px;
rotate: -40deg;
margin-top: -20px;
} .blog-post-wrapper .blog-post-flexible-content .wysiwyg .twitter-tweet {
max-width: 100% !important;
justify-content: center;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .twitter-tweet iframe {
flex-grow: 0 !important;
width: 550px !important;
} .blog-post-wrapper .blog-post-flexible-content .wysiwyg .is-type-video iframe {
margin: 0 auto;
display: block;
} .blog-post-wrapper .blog-post-flexible-content .wysiwyg .youtube-video {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg figure {
margin: 30px 0;
}
.blog-post-wrapper .blog-post-flexible-content .alignright {
float: right;
margin: 15px 0 15px 15px;
}
.blog-post-wrapper .blog-post-flexible-content .alignleft {
float: left;
margin: 15px 15px 15px 0;
}
.blog-post-wrapper .blog-post-flexible-content .aligncenter {
margin: 15px auto;
display: block;
}
.blog-post-wrapper .blog-post-flexible-content .aligncenter.wp-caption img {
display: block;
margin: auto;
}
.blog-post-wrapper .blog-post-flexible-content .aligncenter.wp-caption .wp-caption-text {
text-align: center;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg a {
color: var(--blue);
font-weight: normal;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul {
margin: 15px 0;
padding-left: 30px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol li,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul li {
font-size: 17px;
line-height: 1.4;
margin: 0 0 10px 10px;
font-weight: 300;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol li span,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul li span {
font-size: 17px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul ul,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol ol {
margin: 20px 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul li img,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol li img {
margin: 20px auto;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul ul li,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol ol li {
margin: 0 0 15px 10px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h1 {
font-size: 32px;
font-weight: 600;
margin: 20px 0 10px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h2 {
font-size: 30px;
font-weight: 600;
margin: 20px 0;
letter-spacing: -1px;
border-bottom: 2px solid #CCC;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h3 {
font-size: 24px;
font-weight: 600;
margin: 30px 0 15px;
border-left: 4px solid var(--blue);
padding: 0 0 0 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h4 {
font-size: 22px;
font-weight: 600;
margin: 20px 0 10px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h5 {
font-size: 20px;
font-weight: 600;
margin: 20px 0 10px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h6 {
font-size: 18px;
font-weight: 600;
margin: 20px 0 10px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content figcaption,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .wp-caption-text {
font-size: 13px;
font-weight: normal;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .wp-block-table {
margin: 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content table {
margin: 20px 0;
font-size: 17px;
border: 1px solid #CCC;
font-weight: 300;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content table thead {
border: none;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content table th {
background: #EEE;
padding: 10px;
border: 1px solid #CCC;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content table td {
border: 1px solid #CCC;
padding: 10px;
} .blog-post-wrapper .blog-post-flexible-content .blog-small-picture {
height: 300px;
overflow: hidden;
border-radius: 20px;
width: 1160px;
margin: 0 auto;
}
.blog-post-wrapper .blog-post-flexible-content .blog-small-picture img {
width: 100%;
height: 100%;
object-fit: cover;
} .blog-post-wrapper .event-list {
max-width: 980px;
margin: 0 auto;
}
.blog-post-wrapper .event-list .list-header {
border: 1px solid #e4e4e4;
border-radius: 10px 10px 0 0;
padding: 30px 20px;
border-bottom: none;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-post-wrapper .event-list .list-header .left {
padding-right: 25px;
}
.blog-post-wrapper .event-list .list-header .left .list-title {
font-weight: bold;
}
.blog-post-wrapper .event-list .list-header .left .last-update {
font-size: 13px;
color: #666;
margin-top: 5px;
}
.blog-post-wrapper .event-list .list-header .add-event-button {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
white-space: nowrap;
}
.blog-post-wrapper .event-list ul {}
.blog-post-wrapper .event-list ul li {
display: flex;
justify-content: space-between;
padding: 15px;
border: 1px solid #e4e4e4;
border-bottom: none;
align-items: center;
}
.blog-post-wrapper .event-list ul li a {
color: var(--black);
transition: var(--transition);
}
.blog-post-wrapper .event-list ul li a:hover {
color: var(--blue);
}
.blog-post-wrapper .event-list ul li.pick {
background: #f9f9f9;
}
.blog-post-wrapper .event-list ul li:last-child {
border-bottom: 1px solid #e4e4e4;
}
.blog-post-wrapper .event-list ul li .first-row {
width: 50%;
padding-left: 5px;
}
.blog-post-wrapper .event-list ul li .first-row .event {
display: block;
font-size: 16px;
line-height: 1.4;
padding-right: 20px;
}
.blog-post-wrapper .event-list ul li .first-row .event i {
font-size: 12px;
margin-left: 5px;
color: #666;
position: relative;
top: -1px;
}
.blog-post-wrapper .event-list ul li .first-row .pick-message {
font-size: 13px;
font-weight: 500;
display: inline-flex;
align-items: center;
margin-bottom: 7px;
position: relative;
color: var(--blue);
}
.blog-post-wrapper .event-list ul li .first-row .pick-message i {
font-size: 11px;
margin-right: 5px;
color: var(--blue);
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
top: -1px;
}
.blog-post-wrapper .event-list ul li .date {
width: 30%;
font-size: 15px;
display: inline-flex;
align-items: center;
}
.blog-post-wrapper .event-list ul li .date i {
margin-right: 8px;
font-size: 17px;
position: relative;
top: -1px;
}
.blog-post-wrapper .event-list ul li .date .start-date {}
.blog-post-wrapper .event-list ul li .date .end-date {}
.blog-post-wrapper .event-list ul li .date .to-label {
display: inline-block;
padding: 0 5px;
color: #666;
font-size: 13px;
}
.blog-post-wrapper .event-list ul li .city {
width: 20%;
text-align: left;
font-size: 15px;
display: inline-flex;
align-items: center;
line-height: 1.4;
}
.blog-post-wrapper .event-list ul li .city i {
margin-right: 8px;
font-size: 17px;
}
.blog-post-wrapper .event-list ul li .discount-block {
margin-top: 10px;
display: flex;
align-items: center;
}
.blog-post-wrapper .event-list ul li .discount-block .discount-babel {
color: #666;
font-size: 13px;
margin-right: 5px;
}
.blog-post-wrapper .event-list ul li .discount-block a {
font-size: 14px;
}
.blog-post-wrapper .event-list ul li .discount-block .value {
background: var(--red);
color: var(--white);
font-size: 11px;
border-radius: 30px;
display: inline-flex;
padding: 5px 10px;
margin-left: 6px;
font-weight: 600;
} .blog-post-wrapper .event-list .subscribe-events-row {
border: 1px solid #e4e4e4;
border-radius: 0 0 10px 10px;
padding: 15px;
background: var(--white) url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/blog-top-shape.svg);
background-repeat: no-repeat;
background-size: 1000px auto;
background-position: center -230px;
display: flex;
justify-content: space-between;
align-items: center;
}
.blog-post-wrapper .event-list .subscribe-events-row .text {
padding-right: 20px;
}
.blog-post-wrapper .event-list .subscribe-events-row .text .main {
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
}
.blog-post-wrapper .event-list .subscribe-events-row .text .small {
font-size: 13px;
color: #666;
} .blog-post-wrapper .modal.events-subscribe-modal .modal-content {
background: #F5F5F5 url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/blog-top-shape.svg);
background-repeat: no-repeat;
background-size: 1000px auto;
background-position: center -230px;
max-width: 600px;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .modal-scroller {
padding: 0 40px 30px;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .modal-title {
margin-bottom: 5px;
letter-spacing: -1px;
font-size: 32px;
line-height: 1.2;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .modal-title strong {
font-weight: bold;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .modal-description {
margin-bottom: 30px;
font-size: 16px;
line-height: 1.4;
text-align: center;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .hs_firstname {
margin-bottom: 10px;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .hs-choose_your_newsletter_preferences.hs-fieldtype-checkbox {
width: 100% !important;
margin-top: 20px;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .hs-choose_your_newsletter_preferences.hs-fieldtype-checkbox .inputs-list.multi-container {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 20px;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .hs-choose_your_newsletter_preferences.hs-fieldtype-checkbox .inputs-list.multi-container span {
font-size: 14px;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .hs_choose_your_newsletter_preferences>label span {
font-weight: 600;
margin-bottom: 15px;
display: block;
font-size: 16px;
margin-top: 0;
}
.blog-post-wrapper .modal.events-subscribe-modal .modal-content .inputs-list li .hs-form-checkbox-display {
cursor: pointer;
}
.blog-post-wrapper .modal.events-subscribe-modal fieldset.form-columns-2 {
margin-bottom: 0 !important;
}
.blog-post-wrapper .modal.events-subscribe-modal .hubspot-form fieldset .field.hs_email {
width: 100% !important;
}
.blog-post-wrapper .modal.events-subscribe-modal .hubspot-form fieldset .field.hs_email input {
width: 100% !important;
}
.blog-post-wrapper .modal.events-subscribe-modal .hs-error-msgs label {
font-size: 13px;
color: #F00;
padding-left: 0 !important;
margin-bottom: 20px;
display: block;
} .blog-post-wrapper .add-event-modal .modal-content {
width: 96%;
max-width: 800px;
}
.blog-post-wrapper .add-event-modal .close-button-row {
align-items: center;
justify-content: center;
display: none;
}
.blog-post-wrapper .add-event-modal .hubspot-form fieldset .field.hs-email,
.blog-post-wrapper .add-event-modal .hubspot-form fieldset .field.hs-email input {
width: 100% !important;
}
.blog-post-wrapper .add-event-modal .hubspot-form fieldset .field.hs-country,
.blog-post-wrapper .add-event-modal .hubspot-form fieldset .field.hs-country input {
width: 100% !important;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target {
text-align: center;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target .submitted-message {
padding: 20px 0 40px;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target .submitted-message:before {
content: "";
display: block;
width: 70px;
height: 80px;
background: url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/submitted-event-icon.html);
background-size: 70px 80px;
margin: 0 auto 40px;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target h2 span {
display: block;
font-size: 42px;
max-width: 450px;
margin: 0 auto 40px;
line-height: 1.3;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target p span {
max-width: 450px;
margin: 0 auto;
display: block;
line-height: 1.6;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target p span strong {
font-weight: 700;
}
.blog-post-wrapper .add-event-modal.add-event-modal-submitted .modal-title,
.blog-post-wrapper .add-event-modal.add-event-modal-submitted .close-modal {
display: none;
}
.blog-post-wrapper .add-event-modal.add-event-modal-submitted .close-button-row {
display: flex;
} .blog-post-wrapper .code-editor {
max-width: 830px;
margin: 0 auto;
padding: 0;
font-size: 15px;
} .blog-post-wrapper .image-gallery {
padding: 0;
margin: 40px auto 20px;
max-width: 900px;
background: var(--black);
border-radius: 10px;
}
.blog-post-wrapper .image-gallery .gallery-top {
height: 550px;
}
.blog-post-wrapper .image-gallery .gallery-top figure {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.blog-post-wrapper .image-gallery .gallery-top figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
.blog-post-wrapper .image-gallery .gallery-top .caption {
color: var(--white);
position: absolute;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, .7);
padding: 10px;
width: 100%;
font-size: 13px;
}
.blog-post-wrapper .image-gallery .gallery-arrow {
position: absolute;
top: 50%;
color: var(--white);
font-size: 20px;
z-index: 20;
cursor: pointer;
margin-top: -80px;
background: rgba(0, 0, 0, .5);
display: flex;
width: 40px;
height: 40px;
align-items: center;
justify-content: center;
transition: var(--transition);
opacity: .6;
}
.blog-post-wrapper .image-gallery .gallery-arrow:hover {
opacity: 1;
}
.blog-post-wrapper .image-gallery .gallery-arrow.next-arrow {
right: 0;
}
.blog-post-wrapper .image-gallery .gallery-arrow.prev-arrow {
left: 0;
rotate: 180deg;
}
.blog-post-wrapper .image-gallery .gallery-arrow.swiper-button-disabled {
opacity: 0;
visibility: hidden;
}
.blog-post-wrapper .image-gallery .gallery-thumbs {
padding: 10px 0;
}
.blog-post-wrapper .image-gallery .gallery-thumbs ul {
display: flex;
}
.blog-post-wrapper .image-gallery .gallery-thumbs ul li {
width: 150px;
height: 100px;
border: 5px solid transparent;
transition: var(--transition);
cursor: pointer;
opacity: .5;
}
.blog-post-wrapper .image-gallery .gallery-thumbs ul li figure {
transition: var(--transition);
line-height: 0;
width: 100%;
height: 100%;
}
.blog-post-wrapper .image-gallery .gallery-thumbs ul li figure img {
width: 100%;
height: 100%;
object-fit: cover;
}
.blog-post-wrapper .image-gallery .gallery-thumbs ul li:hover {
opacity: 1;
}
.blog-post-wrapper .image-gallery .gallery-thumbs ul li.swiper-slide-active {
border: 3px solid var(--blue);
opacity: 1;
} .blog-post-wrapper .cta-block {
padding: 30px 0;
}
.blog-post-wrapper .cta-block .content {
background: var(--black) url(//redesfiepa.org.br/wp-content/themes/fieparedes_theme/css/redes-theme/img/blog/bg-cta-block-default.jpg);
background-size: cover;
background-position: center;
padding: 60px;
color: var(--white);
border-radius: 30px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
overflow: hidden;
max-width: 980px;
}
.blog-post-wrapper .cta-block .content:before {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.5);
}
.blog-post-wrapper .cta-block .text {
max-width: 700px;
position: relative;
z-index: 10;
padding-right: 50px;
}
.blog-post-wrapper .cta-block .text .title {
line-height: 1.5;
margin-bottom: 20px;
font-size: 26px;
letter-spacing: -1px;
}
.blog-post-wrapper .cta-block .text .description {
font-size: 15px;
font-weight: 300;
line-height: 1.5;
}
.blog-post-wrapper .cta-block .text .description span {
display: block;
}
.blog-post-wrapper .cta-block .button {
position: relative;
z-index: 10;
white-space: nowrap;
} .pagination {
display: flex;
margin: 40px 0;
width: 100%;
border-top: 1px solid #eaecf0;
padding-top: 50px;
}
.pagination ul {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
position: relative;
}
.pagination ul li {
margin: 0 2px;
}
.pagination ul li a,
.pagination ul li span {
display: flex;
align-items: center;
justify-content: center;
color: #5C5C79;
width: 35px;
height: 35px;
border-radius: 5px;
font-size: 16px;
transition: all .3s;
}
.pagination ul li .current {
background: var(--white);
}
.pagination ul li a:hover {
background: var(--white);
}
.pagination ul li .prev {
position: absolute;
left: 0;
top: 0;
display: flex;
flex-direction: row;
align-items: center;
padding-left: 15px;
overflow: hidden;
width: auto;
}
.pagination ul li .next {
position: absolute;
right: 0;
top: 0;
display: flex;
flex-direction: row-reverse;
align-items: center;
padding-right: 15px;
overflow: hidden;
width: auto;
}
.pagination ul li .prev:hover,
.pagination ul li .next:hover {
background: none;
}
.pagination ul li .next:before {
content: '\e804';
font-family: var(--fieparedes);
display: block;
transform: rotate(180deg);
margin-left: 5px;
position: relative;
transition: var(--transition);
left: 0;
}
.pagination ul li .prev:before {
content: '\e804';
font-family: var(--fieparedes);
display: block;
margin-right: 5px;
position: relative;
transition: var(--transition);
left: 0;
}
.pagination ul li .next:hover:before {
left: 3px;
}
.pagination ul li .prev:hover:before {
left: -3px;
} .related-articles {
background: #fafafa;
max-width: 100%;
width: 100%;
padding-bottom: 50px;
z-index: 90;
}
.related-articles .content {
max-width: 980px;
}
.related-articles .section-title {
margin-bottom: 80px;
letter-spacing: -1px;
}
.related-articles .post-box {
background: none;
}
.related-articles .post-box .post-content .post-categories li a {
font-weight: normal;
}  .blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul {
margin: 0;
padding: 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li {
margin: 0;
padding: 10px 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li a {
text-decoration: none;
color: var(--black);
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li a:hover {
color: var(--blue);
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li i {
font-style: normal;
font-size: 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li span {
font-size: 14px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .first-row {
width: 55%;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .event {
font-size: 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .date {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .date .kind-event {
margin-bottom: 5px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .date .date-wrapper {
display: flex;
align-items: center;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .date i {
width: 17px;
display: inline-block;
top: 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .city {
font-size: 14px;
width: 30%;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li.date-separator {
background: #EEE;
padding: 15px 20px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li.date-separator .date-title {
font-weight: 600;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li.date-separator .date-title i {
font-size: 24px;
margin-right: 5px;
position: relative;
top: 1px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li.pick .first-row p {
padding: 3px 0 10px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li.pick .pick-message {
margin-bottom: 0;
padding: 10px 0 0 !important;
} .blog-post-wrapper .event-list.side-events ul {
margin: 0;
padding: 0;
}
.blog-post-wrapper .event-list.side-events ul li {
margin: 0;
padding: 10px 15px;
}
.blog-post-wrapper .event-list.side-events ul li a {
text-decoration: none;
color: var(--black);
}
.blog-post-wrapper .event-list.side-events ul li a:hover {
color: var(--blue);
}
.blog-post-wrapper .event-list.side-events ul li i {
font-style: normal;
font-size: 15px;
}
.blog-post-wrapper .event-list.side-events ul li span {
font-size: 14px;
}
.blog-post-wrapper .event-list.side-events ul li .first-row {
width: 55%;
}
.blog-post-wrapper .event-list.side-events ul li .event {
font-size: 15px;
}
.blog-post-wrapper .event-list.side-events ul li .date {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .event-list.side-events ul li .date .kind-event {
margin-bottom: 5px;
}
.blog-post-wrapper .event-list.side-events ul li .date .date-wrapper {
display: flex;
align-items: center;
}
.blog-post-wrapper .event-list.side-events ul li .date i {
width: 17px;
display: inline-block;
top: 0;
}
.blog-post-wrapper .event-list.side-events ul li .city {
font-size: 14px;
width: 30%;
}
.blog-post-wrapper .event-list.side-events ul li.date-separator {
background: #EEE;
padding: 15px 20px;
}
.blog-post-wrapper .event-list.side-events ul li.date-separator .date-title {
font-weight: 600;
}
.blog-post-wrapper .event-list.side-events ul li.date-separator .date-title i {
font-size: 24px;
margin-right: 5px;
position: relative;
top: 1px;
} .blog-post-wrapper .gallery {
margin-bottom: 30px !important;
}
.blog-post-wrapper .gallery .gallery-item {
margin: 0 !important;
line-height: 0;
padding: 5px;
}
.blog-post-wrapper .gallery .gallery-item img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
border: none !important;
}
@media screen and (max-width: 1280px) { .blog-page .hero h1 {
font-size: 48px;
} .blog-post-wrapper .post-image {
width: 100%;
height: 350px;
}
.blog-post-wrapper .post-header .title {
font-size: 46px;
}
.blog-post-wrapper .post-header .excerpt {
font-size: 18px;
} .blog-post-wrapper .cta-block {
padding: 20px 0;
}
.blog-post-wrapper .cta-block .content {
padding: 40px;
}
.blog-post-wrapper .cta-block .text {
padding-right: 50px;
}
}
@media screen and (max-width: 1024px) { .blog-page .hero {
padding: 160px 0 200px;
}
.blog-page .hero h1 {
font-size: 42px;
}
.blog-page .hero h4 {
font-size: 15px;
}
.blog-page .hero nav {
margin: 40px 0 0;
position: relative;
z-index: 10;
}
.blog-page.archive .hero,
.blog-page.paged .hero {
padding: 160px 0 40px;
} .featured-post .post-box {
width: 100%;
flex-direction: column;
}
.featured-post .post-box .featured-image {
width: 100%;
max-width: 100%;
height: 250px;
border-radius: 10px 10px 0 0;
min-width: 100%;
} .last-posts .content {
width: 100%;
}
.last-posts .post-box {
width: calc(50% - 15px);
}
.last-posts .post-box:nth-child(2n) {
margin-right: 0;
}
.last-posts .post-box:nth-child(3n) {
margin-right: 15px;
} .promoted-posts .content {
width: 100%;
padding: 0;
}
.promoted-posts .promoted-carrousel {
padding: 0 20px;
flex-direction: column;
}
.promoted-posts .post-box {
width: 100%;
margin-bottom: 40px;
}
.promoted-posts .post-box+.post-box {
margin-bottom: 0;
} .trending-posts {
width: 100%;
}
.trending-posts .posts-list .post-box {
margin-bottom: 30px;
}
.trending-posts .posts-list .post-box .featured-image {
width: 250px;
min-width: 250px;
}
.trending-posts .posts-list .post-box .post-values h3 {
font-size: 20px;
}
.trending-posts .post-box .post-content .post-categories {
width: 100%;
margin-top: 10px;
} .blog-post-wrapper .post-image {
width: 100%;
height: auto;
line-height: 0;
margin: 30px auto 0;
}
.blog-post-wrapper .post-header .title {
font-size: 40px;
}
.blog-post-wrapper .post-header .excerpt {
font-size: 18px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content {
padding: 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content p,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol li,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul li {
font-size: 16px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h2 {
font-size: 28px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h3 {
font-size: 22px;
}
.blog-post-wrapper .author-box .bio {
font-size: 15px;
} .blog-post-wrapper .event-list {}
.blog-post-wrapper .event-list .list-header .list-title {
font-size: 20px;
}
.blog-post-wrapper .event-list ul li a {
font-size: 15px;
}
.blog-post-wrapper .event-list ul li .date,
.blog-post-wrapper .event-list ul li .city {
font-size: 13px;
}
.blog-post-wrapper .event-list ul li .date i,
.blog-post-wrapper .event-list ul li .city i {
font-size: 14px;
}
.blog-post-wrapper .event-list ul li .first-row .event {
margin-bottom: 5px;
} .success-stories .header {
padding: 0 20px;
flex-direction: column;
align-items: flex-start;
}
.success-stories .carrousel .success-story .left {
font-size: 32px;
}
.success-stories .header .left span {
font-size: 18px;
}
.success-stories .header .right p {
top: 0;
margin-top: 10px;
font-size: 15px;
}
.success-stories .carrousel li {
width: 100%;
height: 580px;
padding: 0 20px;
}
.success-stories .carrousel .success-story {
justify-content: flex-start;
flex-direction: column;
align-items: flex-start;
}
.success-stories .carrousel .success-story .right {
width: 100%;
padding: 30px 0;
}
.success-stories .carrousel .success-story .right h3 {
font-size: 30px;
}
.success-stories .carrousel .success-story .right p {
font-size: 15px;
}
.success-stories .carrousel .success-story .left {
top: 300px;
bottom: auto;
}
.success-stories .carrousel li.celbrea .success-story .left {
left: 50%;
margin-left: -170px;
}
.success-stories .carrousel li.landid .success-story .left {
left: 50%;
width: 400px;
min-width: 400px;
margin-left: -210px;
}
.success-stories .carrousel li.brainfm .success-story .left {
left: 50%;
width: 330px;
min-width: 330px;
margin-left: -160px;
}
.success-stories .carrousel li.youscience .success-story .left {
left: 50%;
width: 390px;
min-width: 390px;
margin-left: -210px;
}
.success-stories .carrousel-controls {
padding: 0 20px;
} .code-editor .content {
padding: 0;
} .related-articles {
padding: 40px 0 !important;
}
.related-articles .section-title {
font-size: 28px;
margin-bottom: 40px;
} .blog-post-wrapper .blog-post-flexible-content .wysiwyg blockquote:before {
left: 0;
} .blog-post-wrapper .image-gallery .gallery-top {
height: 300px;
}
.blog-post-wrapper .image-gallery .gallery-thumbs ul li {
width: 100px;
height: 70px;
} .pagination ul li .prev {
width: 35px;
text-indent: -300px;
margin-left: 0;
}
.pagination ul li .next {
width: 35px;
text-indent: -300px;
margin-right: 0;
}
.pagination ul li .next:before,
.pagination ul li .prev:before {
text-indent: 0;
} .blog-post-wrapper .cta-block .content {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .cta-block .text {
padding-right: 0;
max-width: 100%;
}
.blog-post-wrapper .cta-block .text .title {
line-height: 1.3;
}
.blog-post-wrapper .cta-block .text .description {
font-size: 14px;
}
.blog-post-wrapper .cta-block .button {
margin-top: 40px;
} .blog-post-wrapper .blog-post-flexible-content .wysiwyg .content table {
font-size: 16px;
}  .blog-post-wrapper .event-list .list-header .left .list-title {
margin: 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .first-row {
width: 100%;
padding: 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .event {
width: 100%;
padding: 0;
font-size: 15px;
margin-bottom: 10px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .date {
padding: 0;
font-size: 13px;
flex-direction: row;
align-items: center;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .city {
width: 100%;
padding: 0;
font-size: 13px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .city i {
width: 17px;
margin-right: 4px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .date .kind-event {
margin-right: 10px;
margin-bottom: 0;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li .date i {
margin-right: 4px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li.date-separator {
padding: 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content .event-list ul li.date-separator .date-title i {
font-size: 20px;
} .blog-post-wrapper .event-list.side-events .list-header .left .list-title {
margin: 0;
}
.blog-post-wrapper .event-list.side-events ul li {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .event-list.side-events ul li .first-row {
width: 100%;
padding: 0;
}
.blog-post-wrapper .event-list.side-events ul li .event {
width: 100%;
padding: 0;
font-size: 15px;
margin-bottom: 10px;
}
.blog-post-wrapper .event-list.side-events ul li .date {
padding: 0;
font-size: 13px;
flex-direction: row;
align-items: center;
}
.blog-post-wrapper .event-list.side-events ul li .city {
width: 100%;
padding: 0;
font-size: 13px;
}
.blog-post-wrapper .event-list.side-events ul li .city i {
width: 17px;
margin-right: 4px;
}
.blog-post-wrapper .event-list.side-events ul li .date .kind-event {
margin-right: 10px;
margin-bottom: 0;
}
.blog-post-wrapper .event-list.side-events ul li .date i {
margin-right: 4px;
}
.blog-post-wrapper .event-list.side-events ul li.date-separator {
padding: 15px;
}
.blog-post-wrapper .event-list.side-events ul li.date-separator .date-title i {
font-size: 20px;
}
}
@media screen and (max-width: 767px) { .blog-page .hero h1 {
font-size: 32px;
}
.blog-page .hero h4 {
font-size: 14px;
}
.blog-page .hero nav ul li a {
font-size: 14px;
} .last-posts .post-box {
width: 100%;
margin-right: 0;
}
.last-posts .post-box:nth-child(2n) {
margin-right: 0;
}
.last-posts .post-box:nth-child(3n) {
margin-right: 0;
} .trending-posts {
padding: 60px 0 20px;
}
.trending-posts .header {
margin-bottom: 50px;
}
.trending-posts .header h3 {
font-size: 26px;
}
.trending-posts .posts-list .post-box {
flex-direction: column;
margin-bottom: 30px;
}
.trending-posts .posts-list .post-box .featured-image {
width: 100%;
min-width: 100%;
order: 1;
margin-bottom: 15px;
}
.trending-posts .posts-list .post-box .post-content {
order: 2;
padding: 0 20px;
}
.trending-posts .posts-list .post-box .post-meta .date {
font-size: 14px;
} .blog-post-wrapper {
padding: 140px 0 60px;
}
.blog-post-wrapper .post-header {
padding-right: 25px;
}
.blog-post-wrapper .post-header .categories-list li a {
font-size: 13px;
}
.blog-post-wrapper .post-header .title {
font-size: 32px;
}
.blog-post-wrapper .post-header .excerpt {
font-size: 16px;
}
.blog-post-wrapper .post-header .top {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .post-header .top .date:before {
display: none;
}
.blog-post-wrapper .wysiwyg .content img {
max-width: 100% !important;
}
.blog-post-wrapper .blog-post-flexible-content {
padding-right: 25px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content p,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol li,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul li {
font-size: 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ol li span,
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content ul li span {
font-size: 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content p span {
font-size: 15px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h2 {
font-size: 26px;
}
.blog-post-wrapper .blog-post-flexible-content .wysiwyg .content h3 {
font-size: 20px;
}
.blog-post-wrapper .author-box {
padding-top: 30px;
margin: 30px auto 0;
}
.blog-post-wrapper .author-box .bio {
font-size: 14px;
}
.blog-post-wrapper .author-box .top .author-info .author-name {
font-size: 16px;
}
.blog-post-wrapper .author-box .top .author-info .author-role {
font-size: 14px;
} .success-stories .header .left h4 {
font-size: 28px;
}
.success-stories .header .left span {
font-size: 15px;
}
.success-stories .carrousel .success-story {
padding: 20px 30px;
}
.success-stories .carrousel .success-story .right h3 {
font-size: 26px;
}
.success-stories .carrousel .success-story .right p {
font-size: 14px;
}
.success-stories .carrousel .success-story .left {
top: 320px;
bottom: auto;
}
.success-stories .carrousel li.celbrea .success-story .left {
left: 50%;
margin-left: -170px;
}
.success-stories .carrousel li.landid .success-story .left {
left: 50%;
width: 370px;
min-width: 370px;
margin-left: -205px;
}
.success-stories .carrousel li.brainfm .success-story .left {
left: 50%;
width: 300px;
min-width: 300px;
margin-left: -140px;
}
.success-stories .carrousel li.youscience .success-story .left {
left: 50%;
width: 360px;
min-width: 360px;
margin-left: -200px;
} .blog-post-wrapper .event-list .list-header {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .event-list .list-header .list-title {
font-size: 18px;
}
.blog-post-wrapper .event-list ul li {
flex-direction: column;
align-items: flex-start;
}
.blog-post-wrapper .event-list ul li .city,
.blog-post-wrapper .event-list ul li .date,
.blog-post-wrapper .event-list ul li .first-row {
width: 100%;
}
.blog-post-wrapper .event-list ul li .city,
.blog-post-wrapper .event-list ul li .date {
padding-left: 5px;
margin-top: 5px;
}
.blog-post-wrapper .event-list ul li .discount-block {
flex-wrap: wrap;
margin-top: 5px;
}
.blog-post-wrapper .event-list ul li .discount-block a {
font-size: 13px;
width: 100%;
}
.blog-post-wrapper .event-list ul li .discount-block .value {
font-size: 10px;
margin-left: 0;
margin: 5px 0;
}
.blog-post-wrapper .event-list ul li .discount-block .discount-babel {
margin: 5px 0;
font-size: 11px;
}
.blog-post-wrapper .event-list .list-header .add-event-button {
margin-top: 10px;
} .blog-post-wrapper .add-event-modal .add-event-modal-target h2 span {
font-size: 28px;
padding: 0 20px;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target p span {
font-size: 15px;
padding: 0 20px;
}
.blog-post-wrapper .add-event-modal .add-event-modal-target .submitted-message:before {
width: 50px;
height: 60px;
background-size: 50px 60px;
} .featured-post .post-box .post-meta {
flex-direction: column;
align-items: flex-start;
}
.featured-post .post-box .post-meta .date {
margin: 3px 0 0 55px;
} .blog-post-wrapper .blog-post-flexible-content .wysiwyg .twitter-tweet iframe {
flex-grow: 1 !important;
width: 100% !important;
} .blog-post-wrapper .blog-post-flexible-content .wysiwyg .content table {
font-size: 15px;
}
} @media screen and (min-width: 481px) and (max-width: 1024px) { .success-stories .carrousel li {
height: auto;
min-height: auto;
padding: 0 20px;
} .success-stories .carrousel .success-story {
display: flex !important;
flex-direction: row !important;
justify-content: space-between;
align-items: center;
padding: 30px;
height: auto;
min-height: auto;
overflow: visible;
} .success-stories .carrousel .success-story .right {
width: 48%;
padding: 0;
order: 1;
}
.success-stories .carrousel .success-story .right h3 {
font-size: 22px;
margin-bottom: 12px;
}
.success-stories .carrousel .success-story .right .description {
font-size: 14px;
line-height: 1.5;
}
.success-stories .carrousel .success-story .right .button {
padding: 10px 20px;
font-size: 13px;
}  .success-stories .carrousel .success-story .left {
display: block !important;
position: relative !important;
top: auto !important;
left: auto !important;
bottom: auto !important;
width: 48%;
max-width: 48%;
min-width: unset !important;
margin: 0;
order: 2;
}
.success-stories .carrousel .success-story .left img {
width: 100%;
height: auto;
display: block;
} .success-stories .carrousel li.celbrea .success-story .left,
.success-stories .carrousel li.landid .success-story .left,
.success-stories .carrousel li.brainfm .success-story .left,
.success-stories .carrousel li.youscience .success-story .left {
position: relative !important;
top: auto !important;
left: auto !important;
bottom: auto !important;
width: 48%;
max-width: 48%;
min-width: unset !important;
margin-left: 0;
} .success-stories .carrousel .success-story .anexos {
margin-top: 15px;
}
.success-stories .carrousel .success-story .anexos ul li a {
font-size: 13px;
}
} @media screen and (max-width: 480px) { .success-stories .header h3 {
font-size: 22px;
} .success-stories .carrousel li {
height: auto;
min-height: auto;
padding: 0 15px;
} .success-stories .carrousel .success-story {
padding: 20px;
flex-direction: column;
overflow: visible;
height: auto;
min-height: auto;
} .success-stories .carrousel .success-story .right {
width: 100%;
padding: 0 0 15px 0;
order: 1;
}
.success-stories .carrousel .success-story .right h3 {
font-size: 20px;
margin-bottom: 10px;
}
.success-stories .carrousel .success-story .right p,
.success-stories .carrousel .success-story .right .description {
font-size: 13px;
line-height: 1.5;
}
.success-stories .carrousel .success-story .right .description p {
margin-bottom: 10px;
}
.success-stories .carrousel .success-story .right .button {
padding: 10px 20px;
font-size: 13px;
}   .success-stories .carrousel .success-story .left {
display: block !important;
position: relative;
top: auto;
left: auto;
bottom: auto;
width: 100%;
max-width: 100%;
min-width: unset;
margin: 20px auto 0;
order: 2;
}
.success-stories .carrousel .success-story .left img {
width: 100%;
max-width: 320px;
height: auto;
display: block;
margin: 0 auto;
} .success-stories .carrousel li.celbrea .success-story .left,
.success-stories .carrousel li.landid .success-story .left,
.success-stories .carrousel li.brainfm .success-story .left,
.success-stories .carrousel li.youscience .success-story .left {
position: relative;
top: auto;
left: auto;
bottom: auto;
width: 100%;
max-width: 100%;
min-width: unset;
margin-left: auto;
margin-right: auto;
order: 2;
} .success-stories .carrousel .success-story .anexos {
margin-top: 12px;
}
.success-stories .carrousel .success-story .anexos .anexos-titulo {
font-size: 12px;
}
.success-stories .carrousel .success-story .anexos ul li a {
font-size: 12px;
word-break: break-word;
} .success-stories .carrousel .success-story .right .button.disabled {
padding: 8px 16px;
font-size: 12px;
}
}