/* Theme Name: Instituto Ronald McDonalds Theme URI: www.instituto-ronald.org.br Author: Agência Traço Author URI: http://wwww.agenciatraco.com.br Description: Tema desenvolvido para o Instituto Ronald McDonalds Version: 1.0 */ body { background: #ffffff; } @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800); @import url(http://fonts.googleapis.com/css?family=Yesteryear); /* font-family: 'Yesteryear', cursive; */ a[href="http://www.wonderplugin.com/wordpress-gallery/"]{display: none !important;} .ubermenu-target-description {display: none!important;} ul.ubermenu-submenu{} ul.ubermenu-submenu li{text-align: left !important; width: 100% !important;} ul.ubermenu-submenu li a{text-align: left !important; font-weight: 700; color: #000000 !important; width: 100% !important; display: block;} ul.ubermenu-submenu li a:hover{color: #638ecb !important;} .mapa iframe, .lista-mapas iframe{pointer-events: none; border: none; width: 100% !important;} .mapa_cidades_first iframe{pointer-events: none; border: none; width: 100% !important;} .align_left{text-align: left !important;} #hide-desktop{display: none;} #hide-mobile{display: block;} @media (max-width: 1010px){ #hide-mobile{display: none;} #hide-desktop{display: block;} #hide-desktop .menu-item-209{display: none !important;} } *{font-family: 'Open Sans', sans-serif;} body{padding-top: 98px;} body#comoajudar-iframe{padding-top: 0 !important;} p{color: #a5a299; font-size: 14px; font-weight: 300;} li{list-style: none;} ::selection{background: #638ecb; color: #ffffff;} ::-moz-selection{background: #638ecb; color: #ffffff;} ::-webkit-selection{background: #638ecb; color: #ffffff;} .wrapper{padding-top: 50px; background-repeat: repeat; background-position: left center;} hr{border-color: #acacac;} ul{margin-bottom: 20px;} ul li{list-style-image: url(../img/bullets.png); font-size: 14px; line-height: 25px; color: #a5a299;} ul li a{color: #767676; font-size: 14px; line-height: 25px; color: #a5a299;} .alignnone {margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;} .alignright{float:right; margin: 5px 0 20px 20px;} .alignleft{float: left; margin: 5px 20px 20px 0;} a img.alignright{float: right; margin: 5px 0 20px 20px;} a img.alignnone{margin: 5px 20px 20px 0;} a img.alignleft{float: left; margin: 5px 20px 20px 0;} a img.aligncenter{display: block; margin-left: auto; margin-right: auto} .wp-caption {background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone{margin: 5px 20px 20px 0;} .wp-caption.alignleft{margin: 5px 20px 20px 0;} .wp-caption.alignright {margin: 5px 0 20px 20px;} .wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} img{max-width: 100%; height: auto;} /**************************************/ /* HEADER */ /**************************************/ #header{border-top: 10px #638ecb solid; position: absolute; top: 0; width: 100%;} #header .navbar-default{background-color: #ffffff; border: none;} #header .navbar{margin: 0; padding: 0; border-bottom: 1px #f0f0f0 solid;} #header .navbar a.navbar-brand{height: auto; padding: 0 0 0 20px;} @media (max-width: 753px){ #header .navbar a.navbar-brand{width: 120px;} #header .doemobile {position: absolute; right: 70px; top: 8px; z-index: 50;} #header .doemobile a {display: inline-block; padding: 10px 20px; background: #e0172d; color: #fff; text-transform: uppercase; font-size: 10px;} } #header .navbar-nav>li>a{color: #6d6d6d; font-size: 14px; line-height: 58px; background-color: #ffffff; padding: 15px 20px; text-transform: uppercase;} #header .navbar-nav>li>a:hover{color: #000000;} #header .navbar-nav>li.doacao>a{/*background-color: #638ecb;*/ background-color: #e0172d; font-size: 18px; font-weight: 700; color: #ffffff;} #header .navbar-nav>li.busca>a{background-color: #c1d0e5;} #header .navbar-nav>li.busca>a>img{height: 56px;} #header iframe, #header object, #header embed{width: 100% !important} #header ul li.busca{position: relative;} #header ul li.busca a{background-image: none;} #header ul li.busca #escondeBusca{position: absolute; right: 0; bottom: -40px; float: none; width: 270px; background-color: #c1d0e5; padding: 5px; -webkit-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75); box-shadow: 4px 4px 10px 0px rgba(50, 50, 50, 0.75);} #header ul li.busca #escondeBusca form#searchform #searchtext{background: none; background-color: #ffffff; border: none; padding: 5px; width: 75%; outline: none;} #header ul li.busca #escondeBusca form#searchform #searchsubmit{border: none; background: none; font-weight: bold; font-size: 15px; color: #638ecb; margin-top: 3px;} /* #header ul li ul.sub-menu{display: none; background-color: #ffffff; position: absolute; margin: 0; padding: 0; text-align: center;} #header ul li:hover ul.sub-menu{display: block;} #header ul li ul.sub-menu li{display: inline-block; list-style-image: none; padding: 10px; text-align: center;} #header ul li ul.sub-menu li a{color: #6d6d6d; font-size: 13px; font-weight: bold;} #header ul li ul.sub-menu li ul{display: none;} #header ul li#menu-item-184 ul.sub-menu{width: 548px;} */ #header ul li, #header ul li a { font-size: 13px; } img.iconic_icon{width: 150px !important; height: auto !important; display: block !important; margin: 0 auto;} #header #megaMenu{} #header #megaMenu ul.megaMenu > li > a, #header #megaMenu ul.megaMenu > li > span.um-anchoremulator{font-size: 14px; line-height: 58px; color: #6d6d6d; padding: 15px 20px; font-weight: normal; text-transform: uppercase;} #header #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #header #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator{} #header #megaMenu.megaMenuVertical ul.megaMenu > li > a, #header #megaMenu.megaMenuVertical ul.megaMenu > li > span.um-anchoremulator{border-top: 1px solid #f0f0f0; -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.9);} #header #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a, #header #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator, #header #megaMenu ul li.mega-with-sub > a, #header #megaMenu ul li.mega-with-sub > span.um-anchoremulator, #header #megaMenu ul li.ss-nav-menu-mega > a, #header #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator{padding-right: 20px;} #header #megaMenu ul.megaMenu > li > a span.wpmega-link-title, #header #megaMenu ul.megaMenu > li > span.um-anchoremulator span.wpmega-link-title {line-height: 58px;} #header #megaMenu ul.megaMenu > li:hover > a, #header #megaMenu ul.megaMenu > li > a:hover, #header #megaMenu ul.megaMenu > li.megaHover > a{color: #222222; border-bottom-color: transparent !important; background-color: transparent; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)); background: -webkit-linear-gradient(top, transparent, transparent);background: -moz-linear-gradient(top, transparent, transparent); background: -ms-linear-gradient(top, transparent, transparent); background: -o-linear-gradient(top, transparent, transparent); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9); -moz-box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9); box-shadow: inset 1px 1px 0px 0px rgba(255, 255, 255, 0.9);} #header #megaMenu ul.megaMenu > li:hover > a span.wpmega-link-title, #header #megaMenu ul.megaMenu > li:hover > span.um-anchoremulator span.wpmega-link-title, #header #megaMenu ul.megaMenu > li > a:hover span.wpmega-link-title, #header #megaMenu ul.megaMenu > li > span.um-anchoremulator:hover span.wpmega-link-title, #header #megaMenu ul.megaMenu > li.megaHover > a span.wpmega-link-title, #header #megaMenu ul.megaMenu > li.megaHover > span.um-anchoremulator span.wpmega-link-title{} #header #megaMenu ul.megaMenu > li.current-menu-item > a, #header #megaMenu ul.megaMenu > li.current-menu-parent > a, #header #megaMenu ul.megaMenu > li.current-menu-ancestor > a{color: #444444;} #header #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #header #megaMenu ul.megaMenu li.ss-nav-menu-reg ul.sub-menu{border: none !important; color: #888888; background-color: #ffffff;} #header #megaMenu.megaMenuHorizontal ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #header #megaMenu.megaMenuHorizontal ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {border-top: 1px solid #e0e0e0;} #header #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li {min-width: 100px;} #header #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #header #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #header #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #header #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #header #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle{color: #777777; font-size: 12px; font-weight: bold; text-shadow: 0px 1px 1px #ffffff; padding-bottom: .4em; border-bottom: 1px dotted #e9e9e9; margin-bottom: 0.6em;} #header #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #header #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #header #megaMenu ul ul.sub-menu li > a, #header #megaMenu ul ul.sub-menu li > span.um-anchoremulator {color: #888888; font-size: 14px; background-color: transparent;} #header #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li a:hover, #header #megaMenu ul ul.sub-menu > li:hover > a{color: #000000; background-color: transparent;} #header #megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink > form#searchform {padding-top: 2px;} #header #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > a, #header #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-highlight > span.um-anchoremulator{color: #638ecb !important;} #header #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-title, #header #megaMenu .ss-nav-menu-with-img > a > .wpmega-link-description, #header #megaMenu .ss-nav-menu-with-img > a > .wpmega-item-description, #header #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-title, #header #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-link-description, #header #megaMenu .ss-nav-menu-with-img > span.um-anchoremulator > .wpmega-item-description{padding-left: 0; text-align: center; font-size: 14px; margin: 5px 0;} .ss-nav-menu-with-img {min-height: 16px;} #header #megaMenu ul.megaMenu li a span.wpmega-item-description, #header #megaMenu ul.megaMenu li span.um-anchoremulator span.wpmega-item-description{font-size: 9px; color: #bbbbbb; text-transform: uppercase;} #header #megaMenu ul li.mega-with-sub > a:after, #header #megaMenu ul li.ss-nav-menu-mega > a:after, #header #megaMenu ul li.mega-with-sub > span.um-anchoremulator:after, #header #megaMenu ul li.ss-nav-menu-mega > span.um-anchoremulator:after{border-top-color: #bbbbbb;} #header #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #header #megaMenu ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after {border-left-color: #bbbbbb;} #header #megaMenu.megaMenuVertical > ul > li > a, #header #megaMenu.megaMenuVertical > ul > li > span.um-anchoremulator {background-color: #fefefe; background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); background: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background: -moz-linear-gradient(top, #fefefe, #f4f4f4); background: -ms-linear-gradient(top, #fefefe, #f4f4f4); background: -o-linear-gradient(top, #fefefe, #f4f4f4);} #header #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > a:after, #header #megaMenu.megaMenuVertical ul li.mega-with-sub > a:after, #header #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > a:after, #header #megaMenu.megaMenuVertical ul li.ss-nav-menu-reg li.megaReg-with-sub > span.um-anchoremulator:after, #header #megaMenu.megaMenuVertical ul li.mega-with-sub > span.um-anchoremulator:after, #header #megaMenu.megaMenuVertical ul li.ss-nav-menu-mega > span.um-anchoremulator:after {border-left-color: #bbbbbb;} #header #megaMenu.megaMenuVertical ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1, #header #megaMenu.megaMenuVertical ul.megaMenu li.ss-nav-menu-reg ul.sub-menu {border-left: 1px solid #e0e0e0;} #header #megaMenu.megaMenuHorizontal ul.megaMenu {*border-bottom: none;} #header #megaMenu.megaMenuVertical ul.megaMenu {*border-right: none;} .ubermenu-custom-content{padding: 0 !important;} #header #megaMenu .ss-nav-menu-with-img img{display: block; width: 100%; height: auto; margin-bottom: 5px; float: none !important;} li#menu-item-169{padding: 0;} #menu-item-169{} li#menu-item-169 ul.sub-menu-1{width: 625px; position: absolute; left: -138px; background-color: #638ecb;} li#menu-item-169 ul.sub-menu-1 li{width: 33.3%; float: left !important; position: relative; text-align: center;} li#menu-item-169 ul.sub-menu-1 li a{color: #ffffff;} li#menu-item-169 ul.sub-menu-1 span.wpmega-link-title{text-align: center;} li#menu-item-169 ul.sub-menu-2{width: 625px; position: absolute; left: 0 !important; top: 35px !important;} li#menu-item-169 ul.sub-menu-2 span.wpmega-link-title{font-size: 12px;} @media (max-width: 1281px){ #header .ubermenu-nav li .ubermenu-target{padding: 10px;} #header .ubermenu-nav li .ubermenu-target .ubermenu-target-title{font-size: 12px; padding: 5px 10px;} .ubermenu-tab-content-panel{min-height: 160px !important;} #header .navbar-nav>li.doacao>a {font-size: 12px;} /*.bxslider-wrap { margin-top:90px; }*/ .bxslider-wrap { margin-top:20px; } } @media (max-width: 1087px){ #header .ubermenu-nav li .ubermenu-target{padding: 10px;} #header .ubermenu-nav li .ubermenu-target .ubermenu-target-title{font-size: 12px; padding: 5px 10px;} .ubermenu-tab-content-panel{min-height: 160px !important;} #header .navbar-nav>li.doacao>a {font-size: 15px;} .bxslider-wrap { margin-top:100px; } } @media (max-width: 980px){ #header .ubermenu-nav li .ubermenu-target .ubermenu-target-title{font-size: 11px; padding: 5px 10px;} #header .navbar-nav>li.doacao>a {font-size: 14px;} #header ul li{list-style: none; font-size: 14px; line-height: 25px; color: #a5a299;} .bxslider-wrap { margin-top:00; } } @media (max-width: 959px){ #header .navbar-nav>li.doacao{display: none;} #header .navbar-nav>li.busca{display: none;} #header ul li{list-style: none; font-size: 14px; line-height: 25px; color: #a5a299;} .bxslider-wrap { margin-top:0; } } @media (max-width: 753px){ #header .navbar-nav>li.doacao{display: none;} #header .navbar-nav>li.busca{display: none;} #header ul li{list-style: none; font-size: 14px; line-height: 25px; color: #a5a299;} .bxslider-wrap { /*display: none;*/ margin-top: 20px; } .bxslider-wrap h1 {font-size: 23px;} #home .bx-wrapper .bx-pager { top: 115px !important; } .campanha .col-xs-12 {margin-top:70px;} } button.ubermenu-skin-white.ubermenu-responsive-toggle {float: right; margin: 10px;} /**************************************/ /* SLIDE */ /**************************************/ /*.bxslider-wrap { visibility: hidden; }*/ .bx-wrapper{position: relative; margin: 0 auto; padding: 0; *zoom: 1;} .bx-wrapper img{width: 100%; height: auto; display: block;} .bx-wrapper .bx-viewport{background: #fff; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0);} #home .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position: absolute; bottom: -15px; width: 100%;} @media (max-width: 753px){ #home .bx-wrapper .bx-pager { top: 130px !important; } } .bx-wrapper .bx-loading{min-height: 50px; background: url(../img/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;} .bx-wrapper .bx-pager{text-align: center; font-size: .85em; font-weight: bold; color: #666; position: absolute; width: 100%; top: 100%; margin-top: -15px;} .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display: inline-block; *zoom: 1; *display: inline;} .bx-wrapper .bx-pager.bx-default-pager a{background: #a5a299; text-indent: -9999px; display: block; width: 30px; height: 30px; border: 3px #ffffff solid; margin: 0 5px; outline: 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background: #ffc527;} .bx-wrapper .bx-prev{left: 10px; background: url(../img/controls.png) no-repeat 0 -32px;} .bx-wrapper .bx-next{right: 10px; background: url(../img/controls.png) no-repeat -43px -32px;} .criancas-com-cancer-slider .bx-wrapper .bx-prev{right: 292px; background: url(../img/controls2.png) no-repeat 0px 0; height: 128px; top: 100px; left: auto; width: 23px;} .criancas-com-cancer-slider .bx-wrapper .bx-next, .criancas-com-cancer-slider .bx-wrapper .bx-next:hover{right: 10px; background: url(../img/controls2.png) no-repeat -23px 0; height: 128px; top: 100px;} .bx-wrapper .bx-prev:hover{background-position: 0 0;} .bx-wrapper .bx-next:hover{background-position: -43px 0;} .bx-wrapper .bx-controls-direction a{position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999;} .bx-wrapper .bx-controls-direction a.disabled{display: none;} .bx-wrapper .bx-controls-auto{text-align: center;} .bx-wrapper .bx-controls-auto .bx-start{display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -11px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active{background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop{display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../img/controls.png) -86px -44px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active{background-position: -86px -33px;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right: 0; width: 35px;} .bx-wrapper .bx-caption{position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(98, 142, 203, 0.80); width: 100%; display: none;} .bx-wrapper .bx-caption span{color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px;} @media (max-width: 1007px){ .criancas-com-cancer-slider .bx-wrapper .bx-prev {left: 30px !important; top: 55% !important;} .criancas-com-cancer-slider .bx-wrapper .bx-next {right: 20px !important; top: 55% !important;} .criancas-com-cancer-slider ul{padding: 0;} } /**************************************/ /* HOME */ /**************************************/ #home{} /*#home h1{text-indent: -99999px; background-image: url(../img/titulosHome.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0; text-indent: -99999px;}*/ #home h2{text-indent: -99999px; background-image: url(../img/titulosHome.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #home .cancer-infanto-juvenil{padding-bottom: 35px; margin-bottom: 35px; border-bottom: 1px #acacac solid;} #home .cancer-infanto-juvenil h1{background-position: center 0; height: 43px;} #home .cancer-infanto-juvenil p{text-align: center;} #home .criancas-com-cancer{background-color: #628ecb; padding: 10px; margin-bottom: 5px;} #home .criancas-com-cancer h2{background-position: center -114px; height: 35px;} #home .criancas-com-cancer p{color: #ffffff; font-size: 12px;} #home .criancas-com-cancer p.citacao{font-size: 13px; font-style: italic;} #home .criancas-com-cancer ul.slide-criancas-com-cancer{} #home .criancas-com-cancer ul.slide-criancas-com-cancer li span{margin: 0; padding: 5px;} #home .criancas-com-cancer ul.slide-criancas-com-cancer li h3{color: #ffffff; font-size: 14px; text-align: center; margin: 0; margin-bottom: 5px; padding: 0; text-transform: uppercase;} #home .criancas-com-cancer ul.slide-criancas-com-cancer li p{color: #ffffff; font-size: 11px; text-align: center; margin: 0;} #home .criancas-com-cancer ul.slide-criancas-com-cancer li:hover .bx-caption{display: block;} #home .criancas-com-cancer .bx-wrapper .bx-prev{left: 10px; background: url(../img/controls2.png) no-repeat 0 0;} #home .criancas-com-cancer .bx-wrapper .bx-next{right: 10px; background: url(../img/controls2.png) no-repeat -22px 0;} #home .criancas-com-cancer .bx-wrapper .bx-controls-direction a{position: absolute; top: 25%; margin-top: -16px; outline: 0; width: 22px; height: 129px; text-indent: -9999px; z-index: 9999;} @media (max-width: 1007px){ #stories{display: none;} } /**************************************/ /* REDES TEXTO */ /**************************************/ .redes-criancas-com-cancer{margin-bottom: 50px; margin-top: 10px;} .redes-criancas-com-cancer ul{margin-right: 15px;} .redes-criancas-com-cancer ul li{display: inline-block;} .redes-criancas-com-cancer ul li a{background-image: url(../img/icones-redes-sociais.png); background-repeat: no-repeat; display: block; width: 25px; height: 25px} .redes-criancas-com-cancer ul li.facebook a{background-position: 0 0;} .redes-criancas-com-cancer ul li.twitter a{background-position: -29px 0px;} .redes-criancas-com-cancer ul li.pinterest a{background-position: -58px 0px;} .redes-criancas-com-cancer ul li.youtube a{background-position: -86px 0px;} /**************************************/ /* CONECTE-SE */ /**************************************/ .conecte{border-bottom: 1px #a5a299 solid; padding-top: 40px; padding-bottom: 40px; margin-bottom: 95px;} .conecte span.title{text-indent: -99999px; background-image: url(../img/titulosHome.png) !important; background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;background-position: center -43px; display: block; width: 100%; height: 33px;} .conecte h2{background-image: none !important; text-indent: 0 !important; color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 20px;} .conecte p{text-align: center;} .conecte ul{text-align: center; margin-top: 25px; padding-left: 0;} .conecte ul li{display: inline-block;} .conecte ul li a{background-image: url(../img/icones-redes-sociais.png); background-repeat: no-repeat; display: block; width: 75px; height: 92px} .conecte ul li.facebook a{background-position: 0 -25px;} .conecte ul li.twitter a{background-position: -86px -25px;} .conecte ul li.youtube a{background-position: -169px -25px;} .conecte ul li.instagram a{background-position: -423px -25px;} .conecte ul li.youtube a{background-position: -169px -25px;} .conecte ul li.linkedin a{background-position: -254px -25px;} .conecte ul li.flickr a{background-position: -339px -25px;} .conecte ul li.android a{background-position: -505px -25px;} .conecte ul li.ios a{background-position: -589px -25px;} /**************************************/ /* DEPOIMENTOS */ /**************************************/ .depoimentos{} .depoimentos .depoimento{margin-bottom: 30px; padding: 10px;} .depoimentos .depoimento p{font-size: 15px; font-weight: bold !important; text-align: justify;} .depoimentos .depoimento p.autor_depoimento{font-weight: normal !important; text-align: right !important; font-style: italic !important; font-size: 13px !important;} /**************************************/ /* NEWSLETTER */ /**************************************/ .newsletter{background-color: #628ecb; overflow: hidden; padding: 15px 0; margin-bottom: 30px; position: relative;} .newsletter .nome{margin-left: 3%;} /*.newsletter span{text-indent: -99999px; background-image: url(../img/titulosHome.png) !important; background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0; background-position: center -149px; display: block; width: 100%; height: 26px;}*/ .newsletter .btn{background-image: -webkit-linear-gradient(top, #f9db8c 0%, #ffc62b 100%); background-image: linear-gradient(to bottom, #f9db8c 0%, #ffc62b 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9db8c', endColorstr='#ffc62b', GradientType=0); padding: 12px; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none; font-size: 18px; text-transform: uppercase; font-weight: 700; color: #ffffff;} .newsletter input{padding: 15px; height: auto !important; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border: none;} /**************************************/ /* MAPA */ /**************************************/ .mapa{position: relative; overflow: hidden; width: 100%; height: 425px;} .mapa span{background-position: center -75px; display: block; width: 100%; height: 39px; margin-top: 20px; text-indent: -99999px; background-image: url(../img/titulosHome.png) !important; background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} .mapa iframe{position: absolute; top: 0; left: 0; width: 100% !important; border: 0;} .mapa iframe .i4ewOd-pzNkMb-haAclf.qAWA2{display: none !important;} /**************************************/ /* RODAPÉ */ /**************************************/ #footer .mapa-do-site{padding: 40px 0;} #footer img{margin: 0 auto 20px auto; display: block;} #footer .redes-footer{background-color: #628dcb; padding: 35px 0;} #footer .redes-footer ul{text-align: center; margin: 0; padding: 0;} #footer .redes-footer ul li{display: inline-block;} #footer .redes-footer ul li a{ /* background-image: url(../img/icones-redes-sociais.png); background-repeat: no-repeat; display: block; width: 95px; height: 91px;*/ font-size: 50px; color: #ffffff; padding: 20px; } #footer .redes-footer ul li.facebook a{background-position: 0px -117px;} #footer .redes-footer ul li.twitter a{background-position: -102px -117px;} #footer .redes-footer ul li.youtube a{background-position: -204px -117px;} #footer .redes-footer ul li.instagram a{background-position: -510px -117px;} #footer .redes-footer ul li.linkedin a{background-position: -308px -117px;} #footer .redes-footer ul li.flickr a{background-position: -412px -117px;} #footer .redes-footer ul li.android a{background-position: -612px -117px;} #footer .redes-footer ul li.ios a{background-position: -713px -117px;} #footer #copyright{background-color: #3865a3; padding: 5px;} #footer #copyright p.copy{color: #c1d0e5; font-size: 12px; padding-top: 13px;} #footer #copyright p.copy span{font-weight: 400;} #footer #copyright ul{} #footer #copyright ul.creditos{margin: 0; text-align: right;} #footer #copyright ul.links{text-align: center; margin: 0; padding: 0;} #footer #copyright ul.links li{border-right: 1px #c1d0e5 solid; padding-right: 6px; margin-top: 8px;} #footer #copyright ul.links li:last-child{border-right: none;} #footer #copyright ul.links li a{color: #c1d0e5; margin: 2px; font-size: 12px;} #footer #copyright ul li{list-style: none; display: inline-block;} #footer ul.menu li a:hover{text-decoration: none;} #footer ul.menu li ul li a:hover{text-decoration: underline;} #footer #copyright .informacao{} #footer #copyright .informacao p{color: #c1d0e5; font-size: 11px; padding-top: 25px;} @media screen and (max-width: 767px) { #menu-menu-footer>.menu-item {width: 50% !important;} } @media screen and (max-width: 1023px) { #menu-menu-footer>.menu-item {width: 33.33333333% !important;} } @media (max-width: 1220px){ #footer #copyright p.copy{text-align: center;} #footer #copyright ul.creditos{text-align: center;} #footer #copyright ul.links{text-align: center; margin-bottom: 20px;} } /**************************************/ /* BREADCRUMB */ /**************************************/ .breadcrumb{background-color: transparent; border-radius: 0; margin-left: -20px;} .breadcrumb li{color: #638ecb; font-size: 14px;} .breadcrumb li h3{display: block; font-size: 14px !important; margin-top: -20px !important; margin-left: 20px; color: #638ecb !important; text-transform: none !important; font-weight: normal !important;} .breadcrumb li h4{display: block; font-size: 14px !important; margin-top: -20px !important; margin-left: 20px; color: #638ecb !important; text-transform: none !important; font-weight: normal !important;} .breadcrumb li a{color: #638ecb; font-size: 14px;} .breadcrumb li.active{color: #638ecb; font-size: 14px;} .breadcrumb>li+li:before{color: #638ecb;} /**************************************/ /* CONFIRA TAMBÉM */ /**************************************/ .confira-tambem{margin-bottom: 40px;} .confira-tambem span{text-indent: -99999px; background-image: url(../img/titulosAtuacoesCancerInfantil.png) !important; background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0; display: block; width: 100%; height: 34px; background-position: center -75px; margin: 35px 0 10px 0;} .confira-tambem ul{background-color: #628dca; text-align: center; padding: 10px;} .confira-tambem ul li{display: inline-block;} .confira-tambem ul li a{text-transform: uppercase; color: #ffffff; text-decoration: underline; font-size: 18px; font-weight: 700;} .confira-tambem ul li a:hover{color: #f0f0f0;} .confira-tambem ul li:after{content: " |"; font-size: 18px; color: #ffffff;} .confira-tambem ul li:last-child:after{content: "";} .confira-tambem ul li.last:after{content: "";} /**************************************/ /* ACCORDION */ /**************************************/ .panel-default{padding: 0; border: none; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;} .panel-default .panel-heading{color: #333; background-color: #628ecb; padding: 0; border: none; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;} .panel-default .panel-heading h3{margin-bottom: 0 !important; text-align: left !important;} .panel-default .panel-heading a{color: #ffffff; font-size: 22px; font-weight: 700; display: block; line-height: 80px; text-decoration: none; padding-left: 30px; position: relative;} .panel-default .panel-heading a span.sinais{background-image: url(../img/iconsAccordion.png); background-repeat: no-repeat; position: absolute; width: 43px; height: 43px; right: 20px; top: 20px; background-position: bottom center;} .panel-default .panel-body{border-top: none; position: relative;} .panel-default .panel-body a.sinais{background-image: url(../img/iconsAccordion.png); background-repeat: no-repeat; position: absolute; width: 43px; height: 43px; right: 20px; top: -62px; background-position: top center;} @media (max-width: 768px){ .panel-default .panel-heading a{padding-right: 80px; font-size: 14px; line-height: 40px; min-height: 80px;} } /**************************************/ /* SLIDE DE CASES */ /**************************************/ #grid {overflow: hidden; position: relative; height: 680px; cursor: pointer;} #grid ul{white-space: nowrap; position: absolute;} #grid ul li{float: left; position: relative; list-style: none;} #grid #gridTop{top: 0; left: 0;} #grid #gridBottom{top: 50%; left: 0;} #grid .blueOverlay, .familyContent {position: absolute; top: 0; left: 0; height: 341px;} #grid .blueOverlay {width: 100% !important;} #grid .familyContent{width: 0px; height: 340px; left: 100%; background-color: #fff; overflow: hidden; color: #628ecc;} #grid .familyContentInner{width: 380px; overflow: hidden;} #grid .familyContent p{white-space: normal; width: 100%; color: #638ecb; font-size: 14px;} #grid .familyContent p.header {font-size: 28px; color: #638ecb; font-weight: 700;} #grid .familyContent a{color: #ffc829; text-decoration: underline; position: relative; float: right; margin-right: 18px; font-family: 'Yesteryear', cursive; font-size: 26px; text-decoration: none;} #grid .familyContent .content{padding: 18px; width: 315px;} #grid .close{position: absolute; top: 18px; right: 18px; color: #628ecc; text-transform: uppercase; width: 36px; height: 44px; background-color: #ffc526; color: #fff; text-align: center; cursor: pointer; font-weight: bold; font-size: 40px; opacity: 1 !important; filter: alpha(opacity=20);} #grid .familyContent .close {position: relative; float: right; top: 0; right: 0; margin: 18px 18px 0 0;} #grid .slider .imgOverflow{position: relative;} #grid .slider .imgOverflow h2{position: absolute; top: 10px; left: 10px; display: block; background: none; text-indent: 0 !important; color: #ffffff; width: 100%;text-transform: uppercase;} #grid #gridSlider1, #gridSlider2 {display: block;} #grid #gridSlider2 .slider .imgOverflow h2{top: auto; bottom: 10px; left: 0px; padding-left: 10px;} #wrapper{max-width: 1024px; margin: 0 auto 50px auto; padding-top: 20px; color: #68645d;} #grid #content{margin-top: 10px; overflow: hidden;} #grid img.chamada_slider{position: absolute; z-index: 9999; top: 50%; left: 50%; margin-top: -74px; margin-left: -180px;} /**************************************/ /* BLOCOS DE POSTS */ /**************************************/ .atuacao-do-instituto{} .atuacao-do-instituto span{text-indent: -99999px; background-image: url(../img/titulosAtuacoesCancerInfantil.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0; height: 38px; background-position: center -109px;} .atuacao-do-instituto span{height: 33px; background-position: center -109px; display: block;} .atuacao-do-instituto h2{text-indent: -99999px; background-image: url(../img/titulosAtuacoesCancerInfantil.png); background-repeat: no-repeat; margin: 0; margin-bottom: 0 !important; padding: 0; background-position: center -146px; height: 32px;} .atuacao-do-instituto h4{text-indent: 0; background-image: none; margin-bottom: 10px; padding: 0; text-align: center; font-family: 'Yesteryear', cursive; font-size: 38px; color: #a5a299; font-weight: normal;} .atuacao-do-instituto .postsArea{margin-bottom: 50px} .atuacao-do-instituto .atuacao{margin-top: 10px; margin-bottom: 20px} .atuacao-do-instituto .atuacao img{width: 100%; height: auto; margin-bottom: 5px;} .atuacao-do-instituto .atuacao p{font-size: 12px; color: #a5a299;} .atuacao-do-instituto .atuacao h3{font-size: 35px; color: #a5a299; text-align: center; font-family: 'Yesteryear', cursive;} .atuacao-do-instituto .atuacao .read-more{font-size: 12px; color: #ffffff; float: right; margin-top: 5px;} /**************************************/ /* POST COM SLIDEDOWN */ /**************************************/ #slidesBottom{margin-bottom: 30px;} #slidesBottom h2{text-indent: 0; background-image: none; margin-bottom: 10px; padding: 0; text-align: center; font-family: 'Yesteryear', cursive; font-size: 38px; color: #a5a299; font-weight: normal;} #slidesBottom img.destaque{width: 100%;} #slidesBottom .dropdownwrap{height:auto; margin:0px 0px 20px 0px; background-color:#ffffff; display:none; padding:20px;} #slidesBottom a.dropdown{display: block; margin: -20px auto 0 auto; width: 43px; height: 43px; background-image: url(../img/iconsAccordion.png); background-position: bottom center; background-repeat: no-repeat;} #slidesBottom a.dropdown.active{background-position: top center; margin-top: -40px !important;} /**************************************/ /* TODAS AS PÁGINAS */ /**************************************/ .title-fancy{text-align: center; overflow: hidden; margin: 0 0 30px 0;} .title-fancy p{padding: 0 5px; font-family: Yesteryear; color: #a5a299; font-size: 38px !important; display:inline-block; margin: 0 auto 0 auto; position: relative;} .title-fancy p:before{content: ""; position: absolute; height: 5px; border-bottom: 1px solid #a5a299; border-top: 1px solid white; top: 50%; width: 1000px; right: 100%; margin-right: 15px;} .title-fancy p:after{content: ""; position: absolute; height: 5px; border-bottom: 1px solid #a5a299; border-top: 1px solid white; top: 50%; width: 1000px; left: 100%; margin-left: 15px;} .news-title{text-align: center; overflow: hidden; margin: 0 15px 15px 15px;} .news-title p{padding: 0 5px; color: #ffffff !important; font-size: 22px !important; font-weight: bold; display:inline-block; margin: 0 15px; position: relative;} .news-title p:before{content: ""; position: absolute; height: 5px; border-top: 1px solid #ffffff; top: 50%; width: 1000px; right: 100%; margin-right: 15px;} .news-title p:after{content: ""; position: absolute; height: 5px; border-top: 1px solid #ffffff; top: 50%; width: 1000px; left: 100%; margin-left: 15px;} /**************************************/ /* PÁGINA O CÂNCER */ /**************************************/ #ocancer h1{text-indent: -99999px; background-image: url(../img/titulosOcancer.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #ocancer h2{text-indent: -99999px; background-image: url(../img/titulosOcancer.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #ocancer p{font-size: 14px; color: #a5a299; line-height: 16px;} #ocancer .cancer h1{height: 33px; background-position: center 0} #ocancer .cancer h2{height: 33px; background-position: center 0} #ocancer .cancer p.citacao{font-size: 26px; font-weight: 400; padding-left: 30px; line-height: 30px; margin: 40px 0;} #ocancer .cancer p.citacao span{text-align: right; display: block; font-size: 16px; font-style: italic;} #ocancer .criancas-instituto{margin-top: 40px; margin-bottom: 50px;} #ocancer .criancas-instituto img{width: 100%;} #ocancer .criancas-com-cancer h2{height: 33px; background-position: center -66px} #ocancer .instituto-do-cancer h2{height: 33px; background-position: center -33px} #ocancer .bx-wrapper .bx-prev{left: 10px; background: url(../img/controls2.png) no-repeat 0 0;} #ocancer .bx-wrapper .bx-next{right: 10px; background: url(../img/controls2.png) no-repeat -22px 0;} #ocancer .bx-wrapper .bx-controls-direction a{position: absolute; top: 25%; margin-top: -16px; outline: 0; width: 22px; height: 129px; text-indent: -9999px; z-index: 9999;} /**************************************/ /* PÁGINA ATUAÇÃO DO CÂNCER INFANTIL */ /**************************************/ #atuacao-cancer-infantil{} #atuacao-cancer-infantil p{font-size: 14px; color: #a5a299;} #atuacao-cancer-infantil h1{text-indent: -99999px; background-image: url(../img/titulosAtuacoesCancerInfantil.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #atuacao-cancer-infantil h2{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #atuacao-cancer-infantil .cancer-infantil{} #atuacao-cancer-infantil .cancer-infantil h1{height: 42px; background-position: center 0; margin: 35px 0 5px 0;} #atuacao-cancer-infantil .cancer-infantil img{width: 100%; height: auto;} #atuacao-cancer-infantil .cancer-infantil p{text-align: justify;} #atuacao-cancer-infantil .celulas-cancerosas span{height: 32px; background-position: center -42px; margin: 35px 0 30px 0; text-indent: -99999px; background-image: url(../img/titulosAtuacoesCancerInfantil.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #atuacao-cancer-infantil .celulas-cancerosas h3{margin-top: 0; font-size: 19px; font-weight: 700; color: #a5a299;} #atuacao-cancer-infantil .celulas-cancerosas img{width: 100%; height: auto; margin-bottom: 15px;} #atuacao-cancer-infantil .celulas-cancerosas .col-xs-12{padding: 2px;} #atuacao-cancer-infantil .celulas-cancerosas .bloco{background-color: #f7f7f7; padding: 5px; margin-bottom: 4px;} /**************************************/ /* PÁGINA TIPOS DE CÂNCER INFANTIL */ /**************************************/ #tipos-cancer-infantil{} #tipos-cancer-infantil p{font-size: 14px; color: #a5a299;} #tipos-cancer-infantil h1{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px;} #tipos-cancer-infantil h3{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px;} #tipos-cancer-infantil .cancer-infantil img{width: 100%; height: auto; display: block; margin-bottom: 25px;} #tipos-cancer-infantil .lista-tipos .botoes{margin-left: 15px; margin-bottom: 15px;} #tipos-cancer-infantil .lista-tipos .botoes a.ajude{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 138px; height: 49px;} #tipos-cancer-infantil .lista-tipos .botoes a.saiba-mais{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px -60px; display: block; width: 138px; height: 36px; margin-top: 10px;} #tipos-cancer-infantil .lista-tipos .redes-criancas-com-cancer{margin-bottom: 20px !important;} /**************************************/ /* PÁGINA CONTATO COM O INSTITUTO */ /**************************************/ #contato-instituto{} #contato-instituto p{font-size: 14px; color: #a5a299;} #contato-instituto h1{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #contato-instituto h2{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 40px;} #contato-instituto h3{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #contato-instituto .titulo-form{color: #ffffff; font-size: 22px; font-weight: 700; display: block; line-height: 80px; text-decoration: none; padding-left: 30px; position: relative; background-color: #628ecb; text-transform: uppercase; margin-bottom: 20px; margin-top: 30px;} #contato-instituto form#form-contato{background-color: #9ab3d2; padding: 15px; margin-bottom: 75px;} #contato-instituto form#form-contato input{border: none; border-radius: 0; -moz-boreder-radius: 0; -webkit-border-radius: 0;} #contato-instituto form#form-contato label{font-weight: 300; color: #ffffff; text-transform: uppercase;} #contato-instituto form#form-contato span{font-weight: 700; color: #ffffff; text-transform: uppercase;} #contato-instituto form#form-contato ul{padding: 0; margin: 0;} #contato-instituto form#form-contato ul li{list-style: none; color: #ffffff; padding-left: 30px;} #contato-instituto form#form-contato ul li img{margin-left: -30px;} #contato-instituto form#form-contato button{background: none; border: none;} #contato-instituto form#form-contato button:hover{opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;} #wpcf7-f1998-o1 form{background-color: #9ab3d2; padding: 15px; margin-bottom: 75px;} #wpcf7-f1998-o1 form input{border: none; border-radius: 0; -moz-boreder-radius: 0; -webkit-border-radius: 0;} #wpcf7-f1998-o1 form label{font-weight: 300; color: #ffffff; text-transform: uppercase;} #wpcf7-f1998-o1 form span{font-weight: 700; color: #ffffff; text-transform: uppercase;} #wpcf7-f1998-o1 form ul{padding: 0; margin: 0;} #wpcf7-f1998-o1 form ul li{list-style: none; color: #ffffff; padding-left: 30px;} #wpcf7-f1998-o1 form ul li img{margin-left: -30px;} #wpcf7-f1998-o1 form button{background: none; border: none;} #wpcf7-f1998-o1 form button:hover{opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;} #wpcf7-f1998-o1 span.wpcf7-not-valid-tip{color: #d30000 !important; text-transform: none; font-weight: 100; font-size: 13px; margin-top: 3px;} div.wpcf7-mail-sent-ok{display: block; color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;} div.wpcf7-validation-errors{display: block; color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;} /**************************************/ /* FORM DOAÇÃO MENSAL */ /**************************************/ #wpcf7-f1246-p116-o1 form{background-color: #9ab3d2; padding: 15px; margin-bottom: 75px;} #wpcf7-f1246-p116-o1 form input{border: none; border-radius: 0; -moz-boreder-radius: 0; -webkit-border-radius: 0;} #wpcf7-f1246-p116-o1 form label{font-weight: 300; color: #ffffff; text-transform: uppercase;} ##wpcf7-f1246-p116-o1 form span{font-weight: 700; color: #ffffff; text-transform: uppercase;} #wpcf7-f1246-p116-o1 form ul{padding: 0; margin: 0;} #wpcf7-f1246-p116-o1 form ul li{list-style: none; color: #ffffff; padding-left: 30px;} #wpcf7-f1246-p116-o1 form ul li img{margin-left: -30px;} #wpcf7-f1246-p116-o1 form button{background: none; border: none;} #wpcf7-f1246-p116-o1 form button:hover{opacity: 0.9; -moz-opacity: 0.9; -webkit-opacity: 0.9;} #wpcf7-f1246-p116-o1 span.wpcf7-not-valid-tip{color: #d30000 !important; text-transform: none; font-weight: 100; font-size: 13px; margin-top: 3px;} #wpcf7-f1246-p116-o1 span {font-weight: 700; color:#ffffff; text-transform: uppercase;} /**************************************/ /* PÁGINA FATORES DE CÂNCER INFANTIL */ /**************************************/ #fatores-cancer-infantil{} #fatores-cancer-infantil p{font-size: 14px; color: #a5a299;} #fatores-cancer-infantil h1{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #fatores-cancer-infantil h2{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 40px;} #fatores-cancer-infantil h3{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #fatores-cancer-infantil .cancer-infantil img{width: 100%; height: auto;} #fatores-cancer-infantil .lista-tipos .botoes{margin-left: 15px; margin-bottom: 15px;} #fatores-cancer-infantil .lista-tipos .botoes a.ajude{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 138px; height: 49px;} #fatores-cancer-infantil .lista-tipos .botoes a.saiba-mais{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px -60px; display: block; width: 138px; height: 36px; margin-top: 10px;} #fatores-cancer-infantil .lista-tipos .redes-criancas-com-cancer{margin-bottom: 20px !important;} /**************************************/ /* PÁGINA INSTITUIÇÕES */ /**************************************/ #instituicoes{} #instituicoes p{font-size: 14px; color: #a5a299;} #instituicoes h1{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #instituicoes h2{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 40px;} #instituicoes h2.tablepress-table-name{background-color: #5980b9; color: #ffffff; font-size: 22px; font-weight: 700; line-height: 80px; margin-bottom: 0;} #instituicoes h3{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #instituicoes .cancer-infantil img{width: 100%; height: auto;} #instituicoes .lista-tipos .botoes{margin-left: 15px; margin-bottom: 15px;} #instituicoes .lista-tipos .botoes a.ajude{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 138px; height: 49px;} #instituicoes .lista-tipos .botoes a.saiba-mais{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px -60px; display: block; width: 138px; height: 36px; margin-top: 10px;} #instituicoes .lista-tipos .redes-criancas-com-cancer{margin-bottom: 20px !important;} #instituicoes table.tabelas-instituicoes{} #instituicoes table.tabelas-instituicoes thead{} #instituicoes table.tabelas-instituicoes thead tr{} #instituicoes table.tabelas-instituicoes thead tr th{background-color: #628ecb; color: #ffffff; text-align: center; text-transform: uppercase;} #instituicoes table.tabelas-instituicoes tbody{} #instituicoes table.tabelas-instituicoes tbody tr{} #instituicoes table.tabelas-instituicoes tbody tr.even{} #instituicoes table.tabelas-instituicoes tbody tr.even td{background-color: #9ab3d2; color: #ffffff; text-align: center;} #instituicoes table.tabelas-instituicoes tbody tr.odd{} #instituicoes table.tabelas-instituicoes tbody tr.odd td{background-color: #9ab3d2; color: #ffffff; text-align: center;} #instituicoes .lista-mapas{margin-bottom: 40px;} #instituicoes .lista-mapas .box{position: relative; overflow: hidden; width: 100%; height: 425px; margin-bottom: 20px; display: none;} #instituicoes .lista-mapas .box span{background-position: center -75px; display: block; width: 100%; height: 39px; margin-top: 20px; text-indent: -99999px; background-image: url(../img/titulosHome.png) !important; background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #instituicoes .lista-mapas .box iframe{position: absolute; top: 0; left: 0; width: 100% !important; margin-top: 0; border: 0;} #instituicoes .lista-mapas form{padding: 15px; margin-bottom: 50px;} #instituicoes .lista-mapas form select{padding: 15px; border: none; background-color: #648dcb; color: #ffffff; margin-right: 20px; text-transform: uppercase;} @media (max-width: 768px){ #instituicoes .lista-mapas form select{margin-bottom: 20px; margin-right: 0; width: 100%;} } /**************************************/ /* PÁGINA TRATAMENTO */ /**************************************/ #tratamentos-cancer-infantil{} #tratamentos-cancer-infantil .lista-tipos{margin-bottom: 40px;} #tratamentos-cancer-infantil p{font-size: 14px; color: #a5a299;} #tratamentos-cancer-infantil h1{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #tratamentos-cancer-infantil h2{text-indent: -99999px; background-image: url(../img/titulosTratamentos.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #tratamentos-cancer-infantil span.subtitulo{text-indent: -99999px; background-image: url(../img/titulosTratamentos.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #tratamentos-cancer-infantil h3{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #tratamentos-cancer-infantil .cancer-infantil img{width: 100%; height: auto;} #tratamentos-cancer-infantil .cancer-infantil span{display: block; width: 100%; height: 31px; background-position: center 0; margin: 35px 0 10px 0;} #tratamentos-cancer-infantil .tipos-de-tratamento{margin-bottom: 40px;} #tratamentos-cancer-infantil .tipos-de-tratamento h2{height: 34px; background-position: center -31px; margin: 0 0 10px 0;} #tratamentos-cancer-infantil .tipos-de-tratamento h3{height: 34px; background-position: center -31px; margin: 0 0 10px 0; text-indent: -99999px; background-image: url(../img/titulosTratamentos.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #tratamentos-cancer-infantil .tipos-de-tratamento span.subtitulo{text-indent: 0 !important; background-image: none !important; display: block; width: 100%; color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #tratamentos-cancer-infantil .atuacao-do-instituto h3{text-indent: 0; background-image: none; margin-bottom: 10px; padding: 0; text-align: center; font-family: 'Yesteryear', cursive; font-size: 38px; color: #a5a299; font-weight: normal; text-transform: none !important;} #tratamentos-cancer-infantil .lista-tipos .botoes{margin-left: 15px; margin-bottom: 15px;} #tratamentos-cancer-infantil .lista-tipos .botoes a.ajude{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 138px; height: 49px;} #tratamentos-cancer-infantil .lista-tipos .botoes a.saiba-mais{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px -60px; display: block; width: 138px; height: 36px; margin-top: 10px;} /**************************************/ /* PÁGINA COMO AJUDAR */ /**************************************/ #comoajudar{} #comoajudar .lista-tipos{margin-bottom: 170px;} /**************************************/ /* PÁGINA NOME DA DOENÇA */ /**************************************/ #nome-da-doenca{} #nome-da-doenca p{font-size: 14px; color: #a5a299;} #nome-da-doenca h1{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #nome-da-doenca h2{margin-bottom: 10px; padding: 0;} #nome-da-doenca h3{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #nome-da-doenca .col-md-12 .col-md-8{margin-left: 0; padding-left: 0} #nome-da-doenca .col-md-12 .col-md-4{margin-bottom: 30px;} #nome-da-doenca .redes-criancas-com-cancer{margin-bottom: 0;} /**************************************/ /* PÁGINA CAUSAS DA DOENÇA */ /**************************************/ #causas-da-doenca{} #causas-da-doenca p{font-size: 14px; color: #a5a299;} #causas-da-doenca h1{text-indent: 0; background-image: none; margin-bottom: 10px; padding: 0; text-align: center; font-family: 'Yesteryear', cursive; font-size: 38px; color: #a5a299; font-weight: normal;} #causas-da-doenca h2{text-indent: 0; background-image: none; margin-bottom: 10px; padding: 0; text-align: center; font-family: 'Yesteryear', cursive; font-size: 38px; color: #a5a299; font-weight: normal;} #causas-da-doenca span.subtitulo{display: block; width: 100%; color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #causas-da-doenca .col-md-12 .col-md-8{margin-left: 0; padding-left: 0} #causas-da-doenca .col-md-12 .col-md-4{margin-bottom: 30px;} #causas-da-doenca .redes-criancas-com-cancer{margin-bottom: 0;} #causas-da-doenca .cancer-infantil{} #causas-da-doenca .cancer-infantil h3{font-size: 30px; text-align: center; color: #a5a299; font-family: 'Yesteryear', cursive;} #causas-da-doenca .post{background-image: url(../img/slideDown.jpg); background-repeat: no-repeat; background-position: center bottom; height: 375px; background-size: 100% auto;} #causas-da-doenca .post img{position: relative; z-index: 1;} #causas-da-doenca .post .dropdownwrap{margin-bottom: -10px;} #causas-da-doenca #slidesBottom p.chamada{background-color: #ffffff; padding: 15px 15px 0 15px; margin: 0;} #causas-da-doenca #slidesBottom a.dropdown{position: relative; z-index: 3; margin: 0 auto; margin-top: -20px;} #causas-da-doenca #slidesBottom a.dropdown.active{} #causas-da-doenca p.veja-tambem{width: 356px; height: 14px; position: relative; background-image: url('../img/confira_tambem_menor.png'); background-repeat: no-repeat; background-position: left center;} #causas-da-doenca p.veja-tambem a{position: absolute; height: 14px;} #causas-da-doenca p.veja-tambem a.atuacao{width: 51px; left: 87px;} #causas-da-doenca p.veja-tambem a.descricao{width: 60px; left: 153px;} #causas-da-doenca p.veja-tambem a.causa{width: 38px; left: 231px;} #causas-da-doenca p.veja-tambem a.diagnostico{width: 72px; right: 0;} /**************************************/ /* PÁGINA CAUSAS DA DOENÇA */ /**************************************/ #como-identificar{} #como-identificar p{font-size: 14px; color: #a5a299;} #como-identificar p.citacao{font-size: 20px; padding-left: 30px; margin: 10px 0;} #como-identificar p.citacao span{font-size: 13px; font-style: italic; text-align: right; display: block;} #como-identificar h1, .page h1{background-image: none !important; text-indent: 0 !important; color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 20px;} #como-identificar h2{text-indent: 0; background-image: none; margin-bottom: 10px; padding: 0; text-align: center; font-family: 'Yesteryear', cursive; font-size: 38px; color: #a5a299; font-weight: normal;} #como-identificar .conecte h2{font-family: 'Open Sans', sans-serif; color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #como-identificar h3{color: #a5a299; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #como-identificar .sintomas h2{text-indent: -99999px; background-image: url(../img/titulosComoidentificar.png); background-position: center center; background-repeat: no-repeat; margin: 0; margin-bottom: 30px; padding: 0;} #como-identificar .sintomas ul{margin-bottom: 10px} #como-identificar .sintomas ul.lista-sintomas{margin: 0; padding: 0;} #como-identificar .sintomas ul li.sintoma{list-style: none; background-color: #ffffff; margin-bottom: 10px;} #como-identificar .sintomas ul li .imagem{padding-left: 0;} #como-identificar .sintomas ul li .imagem img{width: 100%} #como-identificar .sintomas .texto h3{margin-bottom: 10px; padding: 0; text-align: left; font-family: 'Yesteryear', cursive; font-size: 30px; color: #a5a299; font-weight: normal; text-transform: none !important;} #como-identificar .sintomas .texto p{font-size: 12px;} #como-identificar .sintomas .texto img.ajude{float: right; margin-left: 20px; margin-bottom: 20px;} #como-identificar .sintomas .botoes{margin-left: 15px; margin-bottom: 15px;} #como-identificar .sintomas .botoes a.ajude{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 138px; height: 49px;} #como-identificar .sintomas .botoes a.saiba-mais{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px -60px; display: block; width: 138px; height: 36px; margin-top: 10px;} /**************************************/ /* PÁGINA DE NOTÍCIAS */ /**************************************/ #blog{} #blog .slide{margin-bottom: 105px;} #blog .postsArea{} #blog .postsArea .titulo-categoria{text-align: center; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #ffffff; background-color: #648dcb; margin-bottom: 60px;} #blog .postsArea .post{margin-bottom: 75px;} #blog .postsArea .post h1{background-image: none !important; text-indent: 0 !important; color: #a5a299; text-align: left; font-weight: 700; font-size: 22px; text-transform: uppercase; margin: 0 0 20px 0;} #blog .postsArea .post p{text-align: justify;} #blog .postsArea .post .tags-more{} #blog .postsArea .post .tags-more p.lista-tags{float: left;} #blog .postsArea .post .tags-more p.lista-tags a{color: #ffc527; text-align: left; font-weight: normal; font-size: 14px; margin-left: 10px;} #blog .postsArea .post .tags-more p.lista-tags span{font-weight: 700;} #blog .postsArea .post .tags-more p.lista-tags a:first-child{margin-left: 0;} #blog .postsArea .post .tags-more a.leia-mais{float: right;} #blog #sidebar{} #blog #sidebar .widget{margin-bottom: 30px;} #blog #sidebar h2{color: #ffffff; font-size: 14px; font-weight: 700; display: block; padding: 20px 0; margin-top: 0; text-decoration: none; position: relative; background-color: #628ecb; text-align: center;} #blog #sidebar p{text-align: justify;} #blog #sidebar ul{padding-left: 15px;} #blog .wp-pagenavi{clear: both; text-align: center; margin-bottom: 50px; margin-top: 20px;} #blog .wp-pagenavi a, #blog .wp-pagenavi span{text-decoration: none; padding: 5px 10px; margin: 2px; background-color: #e7e3e3; color: #5f5e5e;} #blog .wp-pagenavi a:hover, #blog .wp-pagenavi span.current{background-color: #628ecb; color: #ffffff;} #blog .wp-pagenavi span.current{font-weight: bold;} #blog #single-blog{background-color: #ffffff;} #blog #single-blog img.img-destaque{width: 100%; height: auto;} #blog #single-blog .post{} #blog #single-blog .post h1{font-size: 30px; margin: 20px 0 15px 0; color: #648bd6;} #blog #single-blog .post p.infos{font-weight: 600; color: #aaa9a7; margin-bottom: 15px;} #blog #single-blog .post .headline{color: #f9c114; font-style: italic; margin: 20px 0;} #blog #single-blog .post #comments{margin-top: 40px;} #blog #single-blog .post .outros-posts-share{height: 120px; background-color: #d7e7f7; margin: 30px 0;} #blog #single-blog .post .outros-posts-share div{padding: 0;} #blog #single-blog .post .outros-posts-share .prev{background-color: #9ab3d2;} #blog #single-blog .post .outros-posts-share a.prev-post{text-decoration: none; position: relative; display: block; width: 100%;} #blog #single-blog .post .outros-posts-share a.prev-post .image{float: left; width: 40%; max-height: 120px; overflow: hidden;} #blog #single-blog .post .outros-posts-share a.prev-post .image img{width: 100%; height: auto; margin-right: 10px;} #blog #single-blog .post .outros-posts-share a.prev-post img.seta-prev{width: auto !important; position: absolute; left: -23px; top: 36px;} #blog #single-blog .post .outros-posts-share a.prev-post .texts{float: left; width: 60%;} #blog #single-blog .post .outros-posts-share a.prev-post span{display: block; text-align: center; color: #ffffff; margin-bottom: 10px; margin-top:5px;} #blog #single-blog .post .outros-posts-share a.prev-post p{text-align: left; color: #ffffff; font-size: 11px; padding: 0 15px 15px 25px;} #blog #single-blog .post .outros-posts-share .next{background-color: #9ab3d2;} #blog #single-blog .post .outros-posts-share a.next-post{text-decoration: none; position: relative; display: block; width: 100%;} #blog #single-blog .post .outros-posts-share a.next-post .image{float: right; width: 40%; max-height: 120px; overflow: hidden;} #blog #single-blog .post .outros-posts-share a.next-post .image img{width: 100%; height: auto; margin-right: 10px;} #blog #single-blog .post .outros-posts-share a.next-post img.seta-next{width: auto !important; position: absolute; right: -32px; top: 36px;} #blog #single-blog .post .outros-posts-share a.next-post .texts{float: right; width: 60%;} #blog #single-blog .post .outros-posts-share a.next-post span{display: block; text-align: center; color: #ffffff; margin-bottom: 10px; margin-top:5px;} #blog #single-blog .post .outros-posts-share a.next-post p{text-align: right; color: #ffffff; font-size: 11px; padding: 0 25px 15px 15px;} #blog #single-blog .post .outros-posts-share ul.share{margin: 0; padding: 0; text-align: center;} #blog #single-blog .post .outros-posts-share ul.share li{display: inline-block; list-style: none;} #blog #single-blog .post .outros-posts-share ul.share li a{display: block; background-image: url(../img/iconesBlog.png); background-repeat: no-repeat; width: 22px; height: 22px; margin: 5px;} #blog #single-blog .post .outros-posts-share ul.share li.facebook a{background-position: 0 0;} #blog #single-blog .post .outros-posts-share ul.share li.twitter a{background-position: -22px 0px;} #blog #single-blog .post .outros-posts-share ul.share li.pinterest a{background-position: -44px 0px;} #blog #single-blog .post .outros-posts-share ul.share li.googleplus a{background-position: -66px 0px;} #blog #single-blog .post .outros-posts-share ul.share li.linkedin a{background-position: -88px 0px;} #blog #single-blog .post .outros-posts-share .center{} #blog #single-blog .post .outros-posts-share .center img{display: block; margin: 5px auto;} #blog span.autor{display: block; font-size: 13px; margin-top: -20px !important; color: #638ecb !important;} .fb-comments{width: 100% !important;} .fb-comments iframe[style]{width: 100% !important;} .fb-like-box{width: 100% !important;} .fb-like-box iframe[style]{width: 100% !important;} .fb-comments span{width: 100% !important;} .fb-comments iframe span[style]{width: 100% !important;} .fb-comments iframe .feedback_11c744WMjkc5ISkuy{width: 100% !important;} .fb-like-box span{width: 100% !important;} .fb-like-box iframe span[style]{width: 100% !important;} /**************************************/ /* RESULTADO DE BUSCA */ /**************************************/ #search{} #search .result{margin: 0 35px 30px 35px; padding-bottom: 15px; border-bottom: 1px #a5a299 solid;} #search .result h1{text-align: left; font-size: 26px; margin-bottom: 10px;} #search .result h1 a{text-decoration: none; color: #767676;} #search .result p a{text-decoration: none; color: #a5a299;} #formDoacao{margin: 0; padding: 0; background-color: #85a1c9;} #formDoacao ul.etapas{ white-space: nowrap; -webkit-overflow-scrolling: touch; overflow: auto;} #formDoacao ul.etapas li{padding: 0; margin: 0; float: none; display: inline-block;} #formDoacao ul.etapas li a{background-color: #648dcb; color: #ffffff; font-size: 20px; font-weight: 700; display: block; line-height: 60px; text-transform: uppercase; border-radius: 0; background-image: url(../img/setaEtapa.jpg); background-repeat: no-repeat; background-position: center right; padding-right: 55px;} #formDoacao ul.etapas li.active{} #formDoacao ul.etapas li.active a{background-color: #fabd00; background-image: url(../img/setaEtapaAtiva.jpg); background-repeat: no-repeat; background-position: center right;} #formDoacao .grupo{margin-bottom: 30px;} #formDoacao input[type=text]{border-radius: 0; border: none;} #formDoacao label{color: #ffffff;} #formDoacao label.radio-inline{margin-right: 20px; margin-top: 15px;} #formDoacao label.radio-inline span{color: #ffffff; font-size: 20px; font-weight: bold;} #formDoacao label.radio-inline input[type=radio]{margin-top: 9px;} #formDoacao label.radio-inline input[type=text]{display: inline; width: 175px;} #formDoacao select{border: none; background-color: #648dcb; color: #ffffff; text-transform: uppercase; width: 100%; margin-bottom: 25px;} #formDoacao .etapa1{} #formDoacao .etapa2{padding: 30px 0; margin: 20px 0;} #formDoacao .etapa3{padding: 30px 0;} #formDoacao button{background: none; border: none;} #formDoacao p{color: #ffffff; text-align: justify; margin-top: 20px;} #formDoacao p img{margin-right: 10px;} #formDoacao1{margin: 0; padding: 0; background-color: #85a1c9;} #formDoacao1 ul.etapas{ white-space: nowrap; -webkit-overflow-scrolling: touch; overflow: auto;} #formDoacao1 ul.etapas li{padding: 0; margin: 0; float: none; display: inline-block;} #formDoacao1 ul.etapas li a{background-color: #648dcb; color: #ffffff; font-size: 20px; font-weight: 700; display: block; line-height: 60px; text-transform: uppercase; border-radius: 0; background-image: url(../img/setaEtapa.jpg); background-repeat: no-repeat; background-position: center right; padding-right: 55px;} #formDoacao1 ul.etapas li.active{} #formDoacao1 ul.etapas li.active a{background-color: #fabd00; background-image: url(../img/setaEtapaAtiva.jpg); background-repeat: no-repeat; background-position: center right;} #formDoacao1 .grupo{margin-bottom: 30px;} #formDoacao1 input[type=text]{border-radius: 0; border: none;} #formDoacao1 label{color: #ffffff;} #formDoacao1 label.radio-inline{margin-right: 20px; margin-top: 15px;} #formDoacao1 label.radio-inline span{color: #ffffff; font-size: 20px; font-weight: bold;} #formDoacao1 label.radio-inline input[type=radio]{margin-top: 9px;} #formDoacao1 label.radio-inline input[type=text]{display: inline; width: 175px;} #formDoacao1 select{padding: 9px; border: none; background-color: #ffffff; color: #648dcb; text-transform: uppercase; width: 100%;} #formDoacao1 .etapa1{border-right: 1px #a6bee2 solid;} #formDoacao1 .etapa2{padding: 30px 0; border-right: 1px #a6bee2 solid; margin: 20px 0;} #formDoacao1 .etapa3{padding: 30px 0;} #formDoacao1 button{background: none; border: none;} #formDoacao1 p{color: #ffffff; text-align: justify; margin-top: 20px;} #formDoacao1 p img{margin-right: 10px;} #formDoacao1 p.moip-descricao{font-size: 10px; color: #ffffff; padding-left: 49px;} #formDoacao1 p.moip-descricao img{margin-left: -49px; margin-right: 0;} #formDoacao1 p.moip-descricao a{color: #053365;} #formDoacao1 .radio-block span{font-size: 20px !important;} #formDoacao1 .radio-block input[type="radio"] + span.custom-check{margin: 0 5px 0 0 !important;} #mcdiafeliz{} #mcdiafeliz span.titulo{font-size: 16px; color: #a5a4a0; margin: 10px 0; font-weight: bold; display: block;} #mcdiafeliz ul.nav-tabs{margin-top: 30px;} #mcdiafeliz ul.nav-tabs li{margin: 0; padding: 0;} #mcdiafeliz ul.nav-tabs li a{background-color: #c0d1e5; color: #ffffff; font-size: 16px; font-weight: 700; display: block; line-height: 60px; text-transform: uppercase; border-radius: 0; border: none; margin-right: 0; text-align: center;} #mcdiafeliz ul.nav-tabs li.active a{background-color: #648dcb;} #mcdiafeliz .tab-content{padding: 30px; background-color: #648dcb; margin-top: -1px;} #mcdiafeliz .tab-content iframe{float: left; margin: 0 15px 15px 0;} #mcdiafeliz .tab-content p{color: #ffffff;} #mcdiafeliz .tab-content ul{} #mcdiafeliz .tab-content ul li{color: #ffffff; font-weight: 300; list-style-image: none; list-style: disc;} #outras-formas-ajudar{} #outras-formas-ajudar span.titulo{font-size: 16px; color: #a5a4a0; margin: 10px 0; font-weight: bold; display: block;} #outras-formas-ajudar ul.nav-tabs{margin-top: 30px;} #outras-formas-ajudar ul.nav-tabs li{margin: 0; padding: 0;} #outras-formas-ajudar ul.nav-tabs li a{background-color: #c0d1e5; color: #ffffff; font-size: 16px; font-weight: 700; display: block; line-height: 60px; text-transform: uppercase; border-radius: 0; border: none; margin-right: 0; text-align: center;} #outras-formas-ajudar ul.nav-tabs li.active a{background-color: #648dcb;} #outras-formas-ajudar .tab-content{padding: 30px; background-color: #648dcb; margin-top: -1px;} #outras-formas-ajudar .tab-content iframe{float: left; margin: 0 15px 15px 0;} #outras-formas-ajudar .tab-content p{color: #ffffff;} #outras-formas-ajudar .tab-content ul{} #outras-formas-ajudar .tab-content ul li{color: #ffffff; font-weight: 300; list-style-image: none; list-style: disc;} #apoio-empresarial{} #apoio-empresarial span.titulo{font-size: 16px; color: #a5a4a0; margin: 10px 0; font-weight: bold; display: block;} #apoio-empresarial ul.nav-tabs{margin-top: 30px;} #apoio-empresarial ul.nav-tabs li{margin: 0; padding: 0;} #apoio-empresarial ul.nav-tabs li a{background-color: #c0d1e5; color: #ffffff; font-size: 16px; font-weight: 700; display: block; line-height: 60px; text-transform: uppercase; border-radius: 0; border: none; margin-right: 0; text-align: center;} #apoio-empresarial ul.nav-tabs li.active a{background-color: #648dcb;} #apoio-empresarial .tab-content{padding: 30px; background-color: #648dcb; margin-top: -1px;} #apoio-empresarial .tab-content iframe{float: left; margin: 0 15px 15px 0;} #apoio-empresarial .tab-content p{color: #ffffff;} #apoio-empresarial .tab-content ul{} #apoio-empresarial .tab-content ul li{color: #ffffff; font-weight: 300; list-style-image: none; list-style: disc;} .dataTables_paginate a{color: #428bca !important; text-decoration: none !important;} .dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_disabled_previous{color: #ccc !important;} .tablepress{} .tablepress thead{} .tablepress thead tr{} .tablepress thead tr th{background-color: #628ecb; color: #ffffff; text-align: center; text-transform: uppercase;} .tablepress tbody tr td{background-color: #9ab3d2; color: #ffffff; text-align: center;} .tablepress tbody tr td a{color: #ffffff;} .tablepress tbody{} .tablepress tbody tr{} .tablepress tbody tr.even{} .tablepress tbody tr.even td{background-color: #9ab3d2; color: #ffffff; text-align: center;} .tablepress tbody tr.odd{} .tablepress tbody tr.odd td{background-color: #9ab3d2; color: #ffffff; text-align: center;} #tablepress-13 td.column-1{width: 10%} #tablepress-13 td.column-1 img{width: 100%; height: auto;} .tablepress .row-hover tr:hover td {color: #628ecb;} #tablepress-16 tbody tr td{width: 25%;} .custom-title .title .t-txt,.bxslider .title .t-txt { display: inline-block; position: relative; padding: 0 10px; z-index: 10; font-size: 30px; background: #fff url(../img/bg-body.png) repeat left center; margin: 0; } .custom-title .title, .bxslider .title { position: relative; text-align: center; margin-bottom: 15px; } .custom-title .title:after, .bxslider .title:after{ position: absolute; top: 50%; background: #a5a299; content: ' '; display: block; width: 100%; height: 1px; } .criancas-com-cancer .title .t-txt{ background: #628ecb; color: #fff; font-size: 23px; margin: 0; } .criancas-com-cancer .title:after { background: #fff; } #grid #gridSlider2 .slider .viewHidden.open .imgOverflow h2 { background: rgba(0, 0, 0, .5); } #content-wrapper { background: white; width: 600px; height: 250px; position: absolute; top: 0px; overflow: hidden; } /* OTHER STYLES */ a#next-link { display: block; width: 65px; height: 60px; z-index: 9; background: url(../img/next.png); background-repeat: no-repeat; background-position: 10px 0px; position: absolute; left: 535px; color: rgba(0,0,0,0.1); -webkit-transition-property: opacity; -webkit-transition-duration: 300ms; } a#next-link.active, a#next-link.disabled { opacity: 0.4; -webkit-transition-duration: 300ms; } a#prev-link { width: 65px; height: 60px; display: block; background: url(../img/prev.png); background-repeat: no-repeat; background-position: 10px 0px; z-index: 9; position: absolute; left: 0px; color: rgba(0,0,0,0.1); -webkit-transition-property: opacity; -webkit-transition-duration: 300ms; } a#prev-link.active, a#prev-link.disabled { opacity: 0.4; -webkit-transition-duration: 300ms; } /* END OTHER STYLES */ .timeCube { width: 600px; margin: 8px 0px; position: relative; -webkit-perspective-origin: 50% 200px; -webkit-transform-style: preserve-3d; -webkit-perspective: 600; padding-bottom: 500px; } .timeCube > .nav { height: 60px; width: 420px; padding: 0px 20px; margin: 0px auto; position: relative; } .timeCube > .nav > .line { background: rgba(194,194,189,1); width: 420px; height: 2px; position: absolute; top: 40px; } .timeCube > .nav > .line > .marker { background: rgba(0,0,0,1); height: 16px; width: 16px; position: absolute; border-radius: 8px; margin-left: -8px; margin-top: -7px; -webkit-transform: scale(.4); -webkit-transition-property: -webkit-transform, background; -webkit-transition-duration: 400ms; } .timeCube > .nav > .line > .marker.active { -webkit-transform: scale(.8); background: rgba(30, 127, 194, 1); -webkit-transition-property: -webkit-transform, background; -webkit-transition-duration: 400ms; z-index: 999; } .timeCube > .nav > .legend { position: relative; } .timeCube > .nav > .legend > .label { position: absolute; font-family: "Helvetica"; font-size: 10px; color: #999999; border-left: 1px solid rgba(194,194,189,1); height: 40px; padding-left: 4px; } .timeCube > .container { background: rgba(0,0,0,0); height: 300px; position: absolute; top: 60px; -webkit-transform-style: preserve-3d; -webkit-transition-timing-function: ease-out; } .timeCube > .container > .event { position: absolute; width: 600px; height: 280px; top: 0px; left: 0px; -webkit-transform-style: preserve-3d; -webkit-transition-timing-function: ease-out; } .timeCube > .container > .event.left { -webkit-transform: rotateY(60deg) rotateX(0deg) translate3D(0px, 0px, 0px); } .timeCube > .container > .event.right { -webkit-transform: rotateY(60deg) rotateX(0deg) translate3D(0px, 0px, 0px); } .timeCube > .container > .event > h1 { font-family: UnitSlabPro-Medi; color: #0793cc; font-size: 40px; margin: 0px 24px; height: 54px; } .timeCube > .container > .event > p { font-family: "Helvetica"; color: #999999; font-size: 14px; margin: 0px; margin: 0px 24px; } .timeCube > .container > .event > span.date { font-family: "Helvetica"; color: #666666; font-weight: bold; font-size: 16px; margin-bottom: 4px; display: block; } #swipe { position: absolute; z-index: 999; bottom: 15px; left: 197px; width: 203px; height: 50px; background: url(../img/swipe.png); } hr { height: 1px; border: none; background: rgba(0,0,0,1); width: 16px; display: block; margin: 16px 0px; } /*#home .bx-wrapper .bx-pager{position: absolute; top: 375px;}*/ .timelinewrapper .bx-pager-link:hover { text-decoration: none; } .timelinewrapper .bx-pager-link { color: #8b8b8b; padding: 0 0 32px 10px; display: block; } .timelinewrapper .bx-pager-link.active { color: #638ecb; } .timelinewrapper .bx-pager.bx-custom-pager { border-bottom: 1px solid #b4b2ac; vertical-align: top; width: 650px; margin: 0 0px 30px 120px; } .timeline strong { margin-bottom: 20px; } .timewrap .timelinewrapper{ /*position: relative;*/ margin-top: 120px; } .timewrap { position: relative; /*top: 0;*/ margin-bottom: 30px; } .title-page { color: #a4a299; font-weight: bold; text-transform: uppercase; } .timelinewrapper { color: #a5a299; } .timelinewrapper .bx-controls { position: absolute; top: 60px; width: 100%; overflow: hidden; } .timelinewrapper .bx-next { background: url(../img/setad.png) #fff no-repeat center center; width: 42px; height: 42px; display: block; text-indent: -9999px; font-size: 0; position: absolute; right: 0; top: 0; z-index: 99; padding: 43px 73px; } .title-timeline { color: #638ecb; font-size: 28px; margin-bottom: 10px; } .timelinewrapper .bx-prev { background: url(../img/setae.png) #fff no-repeat center center; width: 42px; height: 42px; display: block; text-indent: -9999px; font-size: 0; position: absolute; left: 0; top: 0; z-index: 99; padding: 43px 56px; } .timelinewrapper .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link:after { content: ' '; display: block; position: absolute; left: 4px; bottom: 0; width: 1px; height: 50px; background: #8b8b8b; } .timelinewrapper .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link:before { content: ' '; display: block; position: absolute; width: 8px; height: 8px; background: #8b8b8b; bottom: -4px; left: 0; z-index: 9; border-radius: 50px; } .timelinewrapper .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link.active:after { /*left: 6px;*/ } .timelinewrapper .bx-pager.bx-custom-pager .bx-pager-item .bx-pager-link.active:before { width: 12px; height: 12px; left: -2px; bottom: -6px; background: #638ecb; } .timelinewrapper .bx-pager.bx-custom-pager { width: 100000px; height: 54px; } .timelinewrapper .bx-pager.bx-custom-pager .bx-pager-item{ float: left; position: relative; width: 100px; } /*.bx-wrapper .wrapper { height: 220px; overflow: hidden; }*/ .wpb_accordion_wrapper .wpb_accordion_header { background-color: #628ecb!important; position: relative; margin: 5px 0 !important; text-align: left !important; } .wpb_accordion_header a{ color: #ffffff; font-size: 22px; font-weight: 700; display: block; /*line-height: 80px;*/ text-decoration: none; padding: 25px 60px 25px 30px !important; /*position: relative;*/ } .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon{background-image: url(../img/iconsAccordion.png) !important; background-repeat: no-repeat !important; position: absolute; width: 43px !important; height: 43px !important; right: 20px !important; top: 20px !important; background-position: bottom center !important; margin: 0 !important;} .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon {background-position: top center!important;} .wpb_tabs { margin: 0; } .wpb_tabs ul.wpb_tabs_nav li a { background-color: #c0d1e5; color: #ffffff; font-size: 16px; font-weight: 700; display: block; line-height: 60px; text-transform: uppercase; border-radius: 0; border: none; margin-right: 0; text-align: center; } .wpb_tabs .wpb_tabs_nav li { margin: 0 !important; } .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, .wpb_tabs ul.wpb_tabs_nav li.ui-tabs-active a { background-color: #648dcb; color: #fff; } .wpb_tab *{color: #fff;} .wpb_tab select{color: #000000 !important;} .wpb_tab select option{color: #000000 !important;} .sharrre .button{ float:left; width:60px; } h1, h2, h3, h4, h5, h6 { color: #a4a299; } .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content { padding: 0; margin-bottom: 30px; } input[type=radio] { display: none; } input[type=radio]:checked + .custom-check:before { content: ' '; display: block; background-color: #fbbd00; width: 20px; height: 20px; position: absolute; top: 5px; left: 5px; border-radius: 50px; } input[type="radio"] + span.custom-check{ content: ' '; display: inline-block; vertical-align: middle; background-color: #638ecb; width: 30px; height: 30px; margin: 0 20px; border-radius: 50px; position: relative; z-index: 10; } #comoajudar-iframe input.outros-valores { font-size: 14px; font-weight: normal; padding: 20px; width: 200px; } #comoajudar-iframe input{ color: #ccc; } #comoajudar-iframe .radio-block { display: block; color: #ffffff; font-size: 25px; padding: 28px 0; font-weight: bold; border-top: 1px solid #fff; } #comoajudar-iframe .radio-block:first-child { border-top: 0; } #menu-menu-footer { padding: 0; overflow: hidden; } #menu-menu-footer .sub-menu { padding-left: 20px; } #menu-menu-footer>.menu-item>a {font-size: 21px !important; color: #888; display: block; margin-bottom: 17px;} #menu-menu-footer>.menu-item {list-style: none; margin: 0; margin-bottom: 40px; float: left; text-align: left; width: 16.6%; padding: 0 10px;} #menu-menu-footer>.menu-item a {font-size: 13px;} .menu-menu-footer-container { text-align: center; } a[href='#']:hover { text-decoration: none; } .tablepress img{max-height: 150px !important; width: auto !important; max-width: 100%;} ul#lct-widget-categoria-noticias .cat-item-60{display: none;} ul#lct-widget-categoria-noticias .cat-item-61{display: none;} /**************************************/ /* PÁGINAS CAMPANHAS */ /**************************************/ .campanha .section { -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transition: all .8s ease-in-out; } #campanhas-cancer-infantil{ } #campanhas-cancer-infantil .lista-tipos{margin-bottom: 40px;} #campanhas-cancer-infantil p{font-size: 14px; color: #000000;} #campanhas-cancer-infantil .title-fancy p {color: #428bca;} #campanhas-cancer-infantil h1{color: #000000; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #campanhas-cancer-infantil input, #campanhas-cancer-infantil textarea, #campanhas-cancer-infantil select {width:100%; color:#000000;} #campanhas-cancer-infantil input.wpcf7-submit {width:200px; height: 50px; background-color: darkorange; color: white; font-weight: bold; border: none; text-transform: uppercase;} #campanhas-cancer-infantil .form-campanhas {background-color: #638ecb; color: #ffffff; } #campanhas-cancer-infantil .form-campanhas p {color:white; padding: 10px;} #campanhas-cancer-infantil .form-campanhas a {color:white;} #campanhas-cancer-infantil .wrapper {padding-top:10px;} .scrollToTop{ width:70px; height:60px; padding:10px; text-align:center; background: whiteSmoke; font-weight: bold; color: #FFF; text-decoration: none; position:fixed; top:100%; right:40px; margin-top:-60px; display:none; background-color: #428bca; z-index: 999; } .scrollToTop:hover{ text-decoration:none; } /*------SLIDER -------*/ #campanhas-cancer-infantil .bxslider-home{background-color: #428bca; } #campanhas-cancer-infantil .bxslider-home .title h1{color: #ffffff;} #campanhas-cancer-infantil .bxslider-home .content p{color: #ffffff; margin-bottom: 10px;} /*------SLIDER -------*/ /*------GALERIA ----*/ #campanhas-cancer-infantil .icon-prev, #campanhas-cancer-infantil .icon-next {background-color:#428bca; color: white;} #campanhas-cancer-infantil h2{text-indent: -99999px; background-image: url(../img/titulosTratamentos.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #campanhas-cancer-infantil .video h2 {background-color:#428bca; background-image: none; margin: 0; text-indent: inherit; color: #fff; padding: 5px; text-align: center;} #campanhas-cancer-infantil span.subtitulo{text-indent: -99999px; background-image: url(../img/titulosTratamentos.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #campanhas-cancer-infantil h3{color: #000000; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} /*#campanhas-cancer-infantil .cancer-infantil img{width: 100%; height: auto;}*/ /*#campanhas-cancer-infantil .cancer-infantil span{display: block; width: 100%; height: 31px; background-position: center 0; margin: 35px 0 10px 0;}*/ #campanhas-cancer-infantil .tipos-de-tratamento{margin-bottom: 40px;} #campanhas-cancer-infantil .tipos-de-tratamento h2{height: 34px; background-position: center -31px; margin: 0 0 10px 0;} #campanhas-cancer-infantil .tipos-de-tratamento h3{height: 34px; background-position: center -31px; margin: 0 0 10px 0; text-indent: -99999px; background-image: url(../img/titulosTratamentos.png); background-repeat: no-repeat; margin: 0; margin-bottom: 10px; padding: 0;} #campanhas-cancer-infantil .tipos-de-tratamento span.subtitulo{text-indent: 0 !important; background-image: none !important; display: block; width: 100%; color: #000000; text-align: center; font-weight: 700; font-size: 35px; text-transform: uppercase; margin-bottom: 30px; margin-top: 0;} #campanhas-cancer-infantil h4{color:#428bca} #campanhas-cancer-infantil .atuacao-do-instituto h3{text-indent: 0; background-image: none; margin-bottom: 10px; padding: 0; text-align: center; font-family: 'Yesteryear', cursive; font-size: 38px; color: #000000; font-weight: normal; text-transform: none !important;} #campanhas-cancer-infantil .lista-tipos .botoes{margin-left: 15px; margin-bottom: 15px;} #campanhas-cancer-infantil .lista-tipos .botoes a.ajude{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; width: 138px; height: 49px;} #campanhas-cancer-infantil .lista-tipos .botoes a.saiba-mais{background-image: url(../img/btAjude.jpg); background-repeat: no-repeat; background-position: 0px -60px; display: block; width: 138px; height: 36px; margin-top: 10px;} #campanhas-cancer-infantil a.wpb_button_a span { display:block; background-color: #428bca; font-size: 24px; font-weight: 900; width: 100%; height: auto; margin: 35px 0 10px 0; color:white; text-decoration:none; background-position: center 0; } #campanhas-cancer-infantil a.wpb_button_a span i.icon {vertical-align: middle;} /* REPORT PAGE ------------------------ */ .land-header .navbar {text-align: center;} .land-header .navbar .navbar-brand {float:none;} #campanhas-cancer-infantil .title_report p { font-style: italic; font-size: 28px; opacity: 0.8; filter:alpha(opacity=80); color: #ffffff; padding: 10px; } #campanhas-cancer-infantil .missao p, #campanhas-cancer-infantil .visao p {color: #ffffff; padding: 5px 5px 20px 5px; margin-top: -40px;} #campanhas-cancer-infantil .wpb_content_element .missao, #campanhas-cancer-infantil .wpb_content_element .visao {margin-bottom: 0;} #campanhas-cancer-infantil .img_banner {margin-top:-10px;} #campanhas-cancer-infantil .vc_row {margin: 20px 0 30px 0;} #campanhas-cancer-infantil .balled { -webkit-border-bottom-right-radius: 35px; -moz-border-radius-bottomright: 35px; border-bottom-right-radius: 35px; -webkit-border-top-left-radius: 35px; -moz-border-radius-topleft: 35px; border-top-left-radius: 35px; } #campanhas-cancer-infantil .balled2 { -webkit-border-bottom-right-radius: 35px; -moz-border-radius-bottomright: 35px; border-bottom-right-radius: 35px; -webkit-border-top-left-radius: 35px; -moz-border-radius-topleft: 35px; border-top-left-radius: 35px; } #campanhas-cancer-infantil .balled2 h3, #campanhas-cancer-infantil .balled2 p {color: #fff; margin-bottom: 0; } #campanhas-cancer-infantil .balled img, #campanhas-cancer-infantil .balled2 img {margin-bottom: 0; } #campanhas-cancer-infantil .title_numeros p {color:e#45d5e; font-size: 18px; font-weight: bold; text-align: center; } #campanhas-cancer-infantil .logos_parceiros img {margin: 0 10px 0 10px; } /* -- BadBadNotGood --------------------------------------------------------*/ .destaqlist { text-align: center; } .destaqlist .destaq { vertical-align: top; display: inline-block; text-align: left; width: 100%; max-width: 322px; height: 433px; margin: 10px 7px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .destaqlist .destaq .img-destaq { width: 100%; height: 297px; overflow: hidden; position: relative; } .destaqlist .destaq .link-destaq { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .destaqlist .destaq .img-destaq img { width: auto; height: 297px; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .destaqlist .destaq .info-destaq { padding: 20px 30px; height: 135px; background: #e3e3e3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .destaqlist .destaq .info-destaq h3 { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 800; margin: 0 0 15px 0; padding: 5px 0; color: #628ecb; } .destaqlist .destaq.has-link .info-destaq h3 { padding-right: 30px; } .destaqlist .destaq.has-link .info-destaq h3 { background: url('../img/point-destaq.png') top right no-repeat; } .destaqlist .destaq .info-destaq p { font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 400; color: #000000; } @media screen and (max-width: 414px) { .modal-home-btn{ font-size: 12px !important; } } .irm-page-3045 .bxslider-home{ background-color: #13715D !important; } .irm-page-3045 .bx-wrapper .bx-pager.bx-default-pager a:hover, .irm-page-3045 .bx-wrapper .bx-pager.bx-default-pager a.active { background: #824614 !important; } .irm-page-3045 .title-fancy p { color: #13715D !important; } .irm-page-3045 h4 { color: #13715D !important; } .irm-page-3045 a.wpb_button_a span{ background-color: #13715D !important; } .irm-page-3045 .form-campanhas { background-color: #13715D !important; } .irm-page-3045 input.wpcf7-submit { background-color: #824614 !important; } .irm-page-3045 #footer .redes-footer { background-color: #13715D !important; } .irm-page-3045 #footer #copyright { background-color: #13715D !important; } .irm-page-3045 .icon-prev, #campanhas-cancer-infantil .icon-next { background-color: #824614 !important; } .irm-page-3045 #footer #copyright ul.links li a { color: #ffffff !important; } .irm-page-3045 #footer #copyright p.copy { color: #ffffff !important; } .irm-page-3045 #footer #copyright .informacao p { color: #ffffff !important; } .irm-page-3045 #footer #copyright ul.links li { border-right: 1px #fff solid !important; } .irm-page-3045 .scrollToTop{ background-color: #824614 !important; } .irm-page-3045 #header { border-top: 10px #13715D solid !important; } .irm-page-3045 .vc_carousel-slideline{ padding-left: 70px; } .irm-page-3045 .navbar.navbar-default.navbar-static-top{ display: flex; flex-direction: column; } .irm-page-3045 #header .navbar a.navbar-brand{ float: none; display: block; margin: 0 auto; } .irm-page-3045 #ubermenu-main-184{ margin: 0 auto; } @media (max-width: 753px){ .irm-page-3045 #header .navbar a.navbar-brand { width: 250px !important; } }