<input type="text" class="searchTerm" placeholder="What are you looking for?"> <button type="submit" class="searchButton"> <i class="fa fa-search"></i> </button> <input type="text" class="searchTerm" placeholder="What are you looking for?"> <button type="submit" class="searchButton"> <i class="fa fa-search"></i> </button> <input type="text" class="searchTerm" placeholder="What are you looking for?"> <button type="submit" class="searchButton"> <i class="fa fa-search"></i> </button> <input type="text" class="searchTerm" placeholder="What are you looking for?"> <button type="submit" class="searchButton"> <i class="fa fa-search"></i> </button> <input type="text" class="searchTerm" placeholder="What are you looking for?"> <button type="submit" class="searchButton"> <i class="fa fa-search"></i> </button> <input type="text" class="searchTerm" placeholder="What are you looking for?"> <button type="submit" class="searchButton"> <i class="fa fa-search"></i> </button>@charset "UTF-8"; /* CSS Document */ /*Import the font you are going to use*/ @import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,300italic,300); @import url(https://fonts.googleapis.com/css?family=Raleway:400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic); @import url('https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600,600i,700,700i&subset=latin-ext'); /*--------------------------------------- 1. GENERAL SETTINGS ----------------------------------------*/ html { font-size: 62.5%; } body { color: rgba(74,74,74,1.00); box-sizing: border-box; font-family: 'Lato', sans-serif; font-size: 10px; overflow-x:hidden; } p { font-size: 1.5em;/*14px*/ line-height:150%; } /*Titles*/ h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Poppins', sans-serif; font-weight: 500; } h1{ margin:0; margin-top: 3rem; } h2 { font-size: 2.3rem; margin-bottom:3rem; font-size:2.5rem; } .headline, .headline2 { display: block; margin: 10px 0 25px 0; border-bottom: 1px solid #e4e9f0; } .headline h2, .headline h3, .headline h4 { margin: 0 0 -2px 0; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid #9c8061; color:#AC802A; font-size:2.2rem; } .headline2 h2, .headline2 h3, .headline2 h4 { background:#C59B53; margin: 0 0 0px 0; padding:.7rem 1rem; display: inline-block; font-size:2rem; color:white; } h3 { font-size: 2.2rem; margin-bottom:2rem; } h3.line{ font-size: 2rem; margin-bottom:2rem; border-bottom:#e4e9f0 solid 1px; padding-bottom:.4rem; } h3.line span{ color: #666; font-size: 1.2rem; border:none; font-family: 'Lato', sans-serif; margin:.5rem 0 0 0; padding-bottom:0; font-style: italic; } h4 { font-size: 1.9rem; margin-bottom:2rem; } h5 { font-size: 1.8rem; margin-bottom:2rem; margin-top: 1rem; } h6 { font-size: 1.6rem; margin-bottom:1rem; margin-top: 1.4rem; } button, html input[type="button"], input[type="reset"], input[type="submit"], input[type="search"]{ border-color:transparent !important; /*! background:transparent; */ } @media (min-width: 1200px) { .container { width: 1100px; } } /*------------Menú mobile------------*/ @media (max-width: 480px) { } /*--------------------------------------- 2. HEADER ----------------------------------------*/ header#top-header { padding: 5rem 0; } /*--------------------------------------- 3. MENU ----------------------------------------*/ .navbar-default { background-color: #f8f8f8; border: 0; } .navbar { border-radius: 0px; } .navbar { position: relative; min-height: 34px; margin-bottom: 0; background-color: #e07729; padding-bottom: 0; padding: 8px 0; } .navbar-nav > li > a { padding-top: 3px; padding-bottom: 0; padding-left: 15px; padding-right: 15px; font-size: 1.2rem; color: white; position: relative; font-family: "Poppins"; font-weight:300; } .navbar-default .navbar-nav > li > a { color: #fff; } .navbar-nav > li:last-child > a:after { display:none; } .navbar-nav > li > a:after { content:"/"; position: absolute; right:-5px; color:white; font-size:2.5rem; font-weight:100; font-family: "Lato"; } .navbar-nav > li:before { content:""; background:white; position: absolute; left:-3%; width:106%; height:100%; display:none; transform: skewX(-24deg); } @media screen and (-webkit-min-device-pixel-ratio:0) { .navbar-nav > li > a:after { top: 0; } } .navbar-nav > li:hover:before { display:block; } .navbar-nav > li.active:before { display:block; } .navbar-nav > li > a:hover { color: #E07729 !important; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover { color: #E07729 !important; background-color: transparent; } .navbar-nav > .open:before { display:block; } .dropdown-menu { background-color: #E07729; -webkit-background-clip: padding-box; background-clip: padding-box; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .dropdown-menu > li > a{ color:white; font-family:"Poppins"; font-size:1.2rem; } .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color:#E07729; } .dropdown-toggle:active{ color:#E07729; } .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { text-decoration: none; background-color: white; color:#E07729; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color:#E07729; background-color: transparent; } .navbar-default .navbar-nav > .open:before > a{ display:block; } /*------------3 level menu------------*/ .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { background:#E07729; top: 0; left: 100%; margin-top: -6px; margin-left: -1px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #fff; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { /* border-left-color: #fff;*/ } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; } @media (max-width: 768px) { .navbar { border-bottom: 0; } .navbar-nav { margin-top: 0; } } @media (max-width: 480px) { .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-nav > li > a:after { content:""; } .navbar-nav > li:before { content:""; background:white; position: absolute; left:0%; width:100%; transform: skewX(-0deg); display: none !important; } .navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: white; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: white; } } /*--------------------------------------- 4. CONTENT ----------------------------------------*/ /*------------MAIN SLIDER AND SEARCH BAR------------*/ #slide-and-search { position: relative; padding:0; margin-bottom: 3rem; } .main-slider .swiper-button-prev, .main-slider .swiper-button-next { display: none; } .main-slider:hover .swiper-button-prev, .swiper-button-prev:hover, .main-slider:hover .swiper-button-next, .swiper-button-next:hover { display: block; } .search-bar { box-sizing: border-box; font-size: 2rem; padding: 1.5rem 2rem; color: white; background: rgba(172, 128, 42,0.57); position: absolute; bottom: 0; width: 100%; z-index: 10; } /*Search box*/ .search-box { margin: auto; width: 37rem; height: 35px; display: inline-block; } .container-1 { width: 37rem; vertical-align: middle; white-space: nowrap; position: relative; } .container-1 input#search { width: 37rem; height: 35px; background: #fff; border: none; font-size: 1.3rem; color: #63717f; padding: 0 4.5rem 0 1.5rem; border-radius: 10px; margin-left: 1rem; } .container-1 input#search::-webkit-input-placeholder { color: #65737e; } .container-1 input#search:-moz-placeholder { /* Firefox 18- */ color: #65737e; } .container-1 input#search::-moz-placeholder { /* Firefox 19+ */ color: #65737e; } .container-1 input#search:-ms-input-placeholder { color: #65737e; } .container-1 .icon { background:#F0F0F0; position: absolute; top: 50%; left: 95%; margin-top: -18px; z-index: 1; color: orange; border-left: solid 1px #ccc !important; margin-left: 1rem; height: 100%; border-radius: 0 10px 10px 0; } /*------------3 RECENT CONTENTS INDEX------------*/ .gray-section-wide { background:url(../img/gray-bkg.svg) no-repeat 15px top ; background-size: 795px; } .gray-section-wide [class*=col-]{ min-height:45rem; } .gray-section { /*background: #FAFBFC;*/ padding: 3rem 1rem 1rem 1rem; } @media (max-width: 768px) { .gray-section-wide { background:none; } } /*------------SONDEO------------*/ .sondeo-date { font-size: 1.2rem; color: #ADADAD; margin-bottom: .5rem; } .sondeo-body { font-size: 1.4rem; } .sondeo-link { font-size: 1.4rem; } /*------------RECENT POSTS------------*/ .post-date { font-size: 1.2rem; color: #ADADAD; margin-bottom: .5rem; } .post-body { font-size: 1.4rem; } .post-link { font-size: 1.4rem; } /*------------AGENDA------------*/ .agenda-cont,.agenda-date { display:inline-block; vertical-align: top; } .agenda-cont{ width:75%; padding-left:3%; } .agenda-cont p{ font-size:1.4rem; padding-bottom:0; margin-bottom:0.5rem; } .agenda-cont span{ font-size: 1.2rem; color: #ADADAD; position:relative; padding-left:1.7rem; } .agenda-cont span:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 0; font-size: 1.5rem; content: "\f017"; margin-top:-1rem; } .agenda-date{ background:#F3F0E9; width:22%; text-align:center; padding:1rem 0 0 0; font-size:1.5rem; border-radius:10px; } .agenda-date span{ background:#B68A40; display:block; color:white; font-size:1.3rem; padding:.3rem 0.5rem 0.3rem 0.5rem; text-transform: uppercase; margin-top:-.5rem; border-radius: 0px 0px 9px 9px; } /*----------------Interest links-----------------------*/ #int-links{ max-width:90%; margin-left:auto; margin-right:auto; position:relative; } .owl-theme .owl-controls .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #int-links .owl-controls .owl-nav .owl-prev { background:url(../img/prev-gray.svg) no-repeat center center transparent; position:absolute; left:-6%; top:50%; margin-top:-35px !important; height:35px; width:25px; } #int-links .owl-controls .owl-nav .owl-next { background:url(../img/next-gray.svg) no-repeat center center transparent; position:absolute; right:-6%; top:50%; margin-top:-35px!important ; height:35px; width:25px; } /*----------------bubble for title-----------------------*/ .talk-bubble { margin: 1rem 0; display: inline-block; position: relative; width: auto; height: auto; background-color: #F1F1F1; } .talk-bubble h3 { font-family: "Lato", sans-serif; color:#666; font-size:1.7rem; margin:0; } .talktext { padding: 1.5em ; text-align: left; line-height: 1.5em; } .tri-right.btm-left::after { content: ' '; position: absolute; width: 0; height: 0; left: 0px; right: auto; top: auto; bottom: -20px; border: 22px solid; border-color: transparent transparent transparent #F1F1F1; } @media (max-width: 768px) { .search-box { margin: auto; width: 32rem; } .container-1 { width: 32rem; } .container-1 input#search { width: 32rem; } .container-1 .icon { position: absolute; top: 50%; left: 94%; margin-top: -18px; z-index: 1; color: orange; border-left: solid 1px #ccc; padding: .3rem 1rem 0 1rem; height: 100%; } .container-1 input#search { color: #63717f; padding: 0 4.5rem 0 1.5rem; } } @media (max-width: 480px) { /*Search box*/ .search-bar { position: relative; font-size: 1.8rem; text-align: center; } .search-box { margin: auto; width: 100%; height: 35px; display: inline-block; } .container-1 { width: 100%; vertical-align: middle; white-space: nowrap; position: relative; } .container-1 input#search { width: 100%; height: 35px; background: #fff; border: none; font-size: 1.3rem; color: #63717f; padding: 0 5rem 0 1rem; border-radius: 10px; margin-left: 0rem; } .container-1 .icon { position: absolute; top: 50%; left: 83%; margin-top: -18px; z-index: 1; color: orange; border-left: solid 1px #ccc; padding: .7rem 1rem 0 1rem; height: 100%; } /*----------------Interest links-----------------------*/ #int-links{ max-width:80%; } #int-links .owl-controls .owl-nav .owl-prev { left:-10%; } #int-links .owl-controls .owl-nav .owl-next { right:-10%; } } /*------------SIDE BUTTONS------------*/ .side-button { background: #F4F7FA; height: 88px; line-height: 8.5rem; width: 100%; display: block; font-size: 1.4rem; color: #686868; cursor: pointer; font-weight: 600; margin-bottom: 1.5rem; } .side-button:hover { text-decoration: none; } .side-button img{ height:68px; width:auto; margin-top:1rem; } .side-button img.eva{ height:78px; width:auto; margin-top:0; } @media (max-width: 768px) { } /*------------TWITTER------------*/ .twitter-box { border: solid 1px #ccc; border-radius: 5px; } /*------------GESTOR SIDE MENU------------*/ .gestor-sidemenu{ padding:0; margin:0 0 0 1rem; } .gestor-sidemenu li{ margin:0 0 .8rem 0; } .gestor-sidemenu li a{ font-size:1.4rem; color:#666; } /*------------GESTOR MINI NEXT PREV MENU------------*/ .gestor-next-prev{margin:1rem 0;} .gestor-next-prev p, .gestor-next-prev a {display:inline-block; vertical-align:middle; margin-right:.7rem;} .gestor-next-prev p { margin-right:2rem; padding-top:1rem;} .gestor-next, .gestor-prev{padding:1rem 1.5rem; background:#ABABAB; position:relative; width:3rem; height:3rem; margin-right:.5rem;} .gestor-next:hover, .gestor-prev:hover{ background:#999; } .gestor-next:before { position: absolute; font-family: 'FontAwesome'; top: 50%; left: 50%; content: "\f0da"; margin-top: -1.6rem; margin-left: -.3rem; color:white; font-size:2.5rem; } .gestor-prev:before { position: absolute; font-family: 'FontAwesome'; top: 50%; left: 50%; content: "\f0d9"; margin-top: -1.6rem; margin-left: -.5rem; color:white; font-size:2.5rem; } /*----------------Header evagob-----------------*/ header.evasocial{ background:url(../img/evagob-header-bkg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; padding:4.5rem 2rem 3.5rem 2rem; text-align:center; } header.evasocial h1{ color:white; font-size:4.5rem; text-shadow: 0 1px 2px #000000; } header.evasocial h1 span{ font-size:1.7rem; display:block; } /*----------------Latest articles evagob-----------------*/ .latest-articles{ list-style-type:none; margin:0; padding:0; border-bottom:#e4e9f0 solid 1px; } .latest-articles li{ margin:4rem 0; padding:0 0 2rem 0; border-bottom:#e4e9f0 solid 1px; } .latest-articles li:last-child{ border-bottom:none; margin-bottom:0; } .latest-articles h4{ font-family:"Lato", sans-serif; margin:0 0 1rem 0; font-size:1.8rem; } .latest-articles p{ font-size:1.4rem; } /*----------------Article or event info evagob-----------------*/ .article-info{ } .article-info span{ display:inline-block; vertical-align:middle; margin-right:2rem; position:relative; padding-left:2rem; font-style:italic;font-size:1.2rem; color:#7C7C7C; } .article-info span.author:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 0; content: "\f007"; margin-top:-1.1rem; color:#ccc; font-style:normal; font-size:1.5rem; } .article-info span.group:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 0; content: "\f0c0"; margin-top:-1.1rem; color:#ccc;font-style:normal;font-size:1.5rem; } .article-info span.date:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 0; content: "\f017"; margin-top:-1.1rem; color:#ccc;font-style:normal;font-size:1.5rem; } /*----------------Members-----------------*/ .members { border-bottom: 1px solid #ccc; padding-bottom:1rem; } .members::after { clear:both; } .members ul:after { clear:both; } .members ul{ display:block; list-style-type:none; margin:4rem 0 0 0; padding:0; } .members ul li{ display:block; margin-right:10%; width:26.5%; float:left; } .members li:nth-child(3n){ margin-right:0%; } .members ul li p{ margin:0 0 .5rem 0; font-size:1.2rem; } .members ul li p.name{ margin:0; } .members ul li p.place{ margin:0 0 1rem 0; font-style: italic; } #int-links{ max-width:90%; margin-left:auto; margin-right:auto; position:relative; } /*----------------Team carousel-----------------*/ #group-links .owl-controls .owl-nav .owl-prev { background:url(../img/prev-gray.svg) no-repeat center center transparent; position:absolute; left:-6%; top:50%; margin-top:-35px !important; height:35px; width:25px; } #group-links .owl-controls .owl-nav .owl-next { background:url(../img/next-gray.svg) no-repeat center center transparent; position:absolute; right:-6%; top:50%; margin-top:-35px!important ; height:35px; width:25px; } @media (max-width: 480px) { #group-links{ max-width:80%; } #group-links .owl-controls .owl-nav .owl-prev { left:-15%; } #group-links .owl-controls .owl-nav .owl-next { right:-15%; } } /*----------------Leader-----------------*/ .team-leader{ } .team-leader h5{ font-family:"Lato", sans-serf; font-size:2.5rem; margin:0; color:#666; font-weight:500; } .team-leader p{ font-size:1.2rem; margin-bottom:0; } @media (max-width: 768px) { .team-leader{ text-align:center; } .team-leader h5{ margin-top:1rem; } } /*----------------HEader inner page evagob-----------------*/ header.evasocial2{ padding:0; margin:4rem 0; } header.evasocial2 h1{ font-size:2.2rem; } header.evasocial2 h1 img{ padding-right:1.5rem; border-right:solid 1px #524641; vertical-align:middle; display:inline-block; } header.evasocial2 h1 span{ padding-left:1rem; display:inline-block; vertical-align:middle; } header.evasocial2 form{ margin-top:0rem;} header.evasocial2 form .pull-right{float:right;} .search-evasocial button{ -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; margin-left:-.5rem; } .search-evasocial input[type='search'] { font-size:1.4rem; -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; border:solid 1px #DEAC5A; padding:.5rem 1rem; width:20rem; } .search-evasocial button{ width:7.5rem; } .search-evasocial button, .search-evasocial input[type='search']{ display:inline-block; vertical-align:middle !important; float:none; } @media (max-width: 768px) { header.evasocial2 form{ margin-top:2rem;} header.evasocial2 form.pull-right{float:none !important;} } @media (max-width: 480px) { .evasocial2 button, .evasocial2 .dinline-block{ display:block !important; margin:1rem 0 0 0; } .search-evasocial{ margin-top:1rem; } .search-evasocial button, .search-evasocial input[type='search']{ float:left; } .search-evasocial input[type='search'] { margin-top:1rem; } .search-evasocial button{ } } /*----------------Comments-----------------------*/ .comments{ border-top:#ccc solid 2px; background:#F2F2F2; padding:4rem; } .comments span{ font-size:1.2rem; font-style: italic; display:block; } .arrow_box { position: relative; background: #fff; border: 1px solid #ccc; padding:1rem; border-radius:5px; } .arrow_box:after, .arrow_box:before { right: 100%; top: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 10px; margin-top: -10px; } .arrow_box:before { border-color: rgba(204, 204, 204, 0); border-right-color: #ccc; border-width: 11px; margin-top: -11px; } .arrow_box2 { position: relative; background: #fff; border: 1px solid #ccc; padding:1rem; border-radius:5px; } .arrow_box2:after, .arrow_box2:before { left: 100%; top: 30%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box2:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 10px; margin-top: -10px; } .arrow_box2:before { border-color: rgba(204, 204, 204, 0); border-left-color: #ccc; border-width: 11px; margin-top: -11px; } /*----------------Visualizations bubble evagob-----------------*/ .bubble-visualizations { position: relative; width: 100%; min-height: 20px; background: #5291AA; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; text-align:center; color:white; padding:.5rem 1rem; box-sizing: border-box; margin-bottom:3rem; } .bubble-visualizations p { margin:0; font-size:1.8rem; padding:0; } .bubble-visualizations p:last-child { margin:-.5rem 0 0 0; } .bubble-visualizations:after { content: ''; position: absolute; border-style: solid; border-width: 15px 15px 0; border-color: #5291AA transparent; display: block; width: 0; z-index: 1; margin-left: -15px; bottom: -15px; left: 50%; } /*----------------Publications evagob-----------------*/ .publications{ list-style-type:none; margin:0; padding:0; } .publications li{ margin:4rem 0; padding:0 0 2rem 0; border-bottom:#e4e9f0 solid 1px; } .publications li:last-child{ border-bottom:none; margin-bottom:0; } /*----------------Members big evagob-----------------*/ .members-big{ text-align:center; } .members-big p.name{ font-size:2rem; line-height:110%; margin-bottom:.5rem; } .members-big p.name span{ font-size:1.3rem; display:block; } .members-big p.job{ border-top:#ccc solid 1px; font-size:1.3rem;margin-top:0; padding-top:.5rem; margin-bottom:0; } .members-big p.place{ font-size:1.3rem; margin-top:0; } /*----------------Articles evagob-----------------*/ .article{ background:#E6E6E6; padding:0; } .article h6{ font-size:1.4rem; color:#666; font-family: "Lato", sans-serif; padding:0 1rem; margin-bottom:.5rem; } .article p{ font-size:1.2rem; font-style:italic; position:relative; padding:0 1rem 1rem 2rem; margin:0 1rem;color:#A5A5A5; } .article p:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 0; content: "\f017"; margin-top:-1.5rem; font-style:normal; } /*----------------Articles evagob-----------------*/ #articles{ max-width:90%; margin-left:auto; margin-right:auto; position:relative; } .owl-theme .owl-controls .owl-nav [class*="owl-"] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #articles .owl-controls .owl-nav .owl-prev { background:url(../img/prev-gray.svg) no-repeat center center transparent; position:absolute; left:-6%; top:50%; margin-top:-35px !important; height:35px; width:25px; } #articles .owl-controls .owl-nav .owl-next { background:url(../img/next-gray.svg) no-repeat center center transparent; position:absolute; right:-6%; top:50%; margin-top:-35px!important ; height:35px; width:25px; } /*----------------Events evagob-----------------*/ .events{ list-style-type:none; margin:0; padding:0; } .events li{ margin:4rem 0; padding:0 0 2rem 0; border-bottom:#e4e9f0 solid 1px; } .events li:last-child{ border-bottom:none; margin-bottom:0; } .events [class*="col-"]:last-child{ background:#F7F7F6; padding:0; min-height:25rem; } .events [class*="col-"]:last-child a, .events [class*="col-"]:last-child a:hover{ color:#666; font-size:1.3rem; } .events [class*="col-"]:nth-child(2) i{ color:#ccc; margin-right:1rem; } /*--------------------------------------- 5. FOOTER ----------------------------------------*/ footer { /* background: #262625; */ background: #36c; /*! margin-top: 5rem; */ padding: 5rem 0; } footer h4 { margin: 0 0 1rem 0; color: white; } footer p { font-size: 1.35rem; margin-top: 1.4rem; padding-bottom: 0; margin-bottom: .5rem; line-height: 175%; color: white; font-weight: 300; letter-spacing: 0.08rem; } footer a, footer a:hover { color: white; } footer hr { margin: .5rem 0 0rem 0; height: 1px; border-bottom: #ccc solid 1px; } footer [class*="col-"] { } footer strong { font-weight: 500; } /*------------MINI MENU FOOTER STYLE------------*/ .mini-menu { list-style: none; margin: 0; padding: 0; } .mini-menu li a { border-bottom: #ccc 1px solid; display: block; font-size: 1.4rem; padding: .8rem 2rem .8rem 0rem; color: #4A4A4A; position: relative; } .mini-menu li:last-child a { border-bottom: 0; } .mini-menu li a:before { position: absolute; font-family: 'FontAwesome'; top: 50%; right: 10px; content: "\f054"; color: #ccc; font-size: 1.1rem; margin-top: -1rem; } .mini-menu li a:hover { text-decoration: none; color: #8B6139; } /*------------SOCIAL MEDIA------------*/ .social-media { list-style: none; padding: 0; } .social-media li { display: inline-block; margin-right: 3rem; } @media (max-width: 768px) { .col-sm-6:nth-child(3) { margin-top: 3rem; } .col-sm-6:nth-child(4) { margin-top: 3rem; } .social-media li { display: inline-block; margin-right: 1rem; } } /*--------------------------------------- 6. OTHER STYLES ----------------------------------------*/ /*----------------Margins-----------------------*/ .mtop5{ margin-top:.5rem; } .mtop10{ margin-top:1rem; } .mtop15 { margin-top: 1.5rem; } .mtop20 { margin-top: 2rem; } .mtop30 { margin-top: 3rem; } .mtop35 { margin-top: 3.5rem; } .mtop40 { margin-top: 4rem; } .mbottom15 { margin-bottom: 1.5rem; } .mbottom20 { margin-bottom: 2rem; } .mbottom30 { margin-bottom: 3rem; } .mleft5{margin-left:.5rem;} /*----------------Paddings-----------------------*/ .pt0 { padding-top: 0px; padding-top: 0rem; } .pl0 { padding-left: 10px; padding-left: 0rem; } .pr0 { padding-right: 0px; padding-right: 0rem; } .pb0 { padding-bottom: 0px; padding-bottom: 0rem; } .pt10 { padding-top: 10px; padding-top: 1rem; } .pl10 { padding-left: 10px; padding-left: 1rem; } .pr10 { padding-right: 10px; padding-right: 1rem; } .pb10 { padding-bottom: 10px; padding-bottom: 1rem; } .pt20 { padding-top: 20px; padding-top: 2rem; } .pl20 { padding-left: 20px; padding-left: 2rem; } .pr20 { padding-right: 20px; padding-right: 2rem; } .pb20 { padding-bottom: 20px; padding-bottom: 2rem; } .pt30 { padding-top: 30px; padding-top: 3rem; } .pl30 { padding-left: 30px; padding-left: 3rem; } .pr30 { padding-right: 30px; padding-right: 3rem; } .pb30 { padding-bottom: 30px; padding-bottom: 3rem; } .pt40 { padding-top: 40px; padding-top: 4rem; } .pl40 { padding-left: 40px; padding-left: 4rem; } .pr40 { padding-right: 40px; padding-right: 4rem; } .pb40 { padding-bottom: 40px; padding-bottom: 4rem; } .pt50 { padding-top: 50px; padding-top: 5rem; } .pl50 { padding-left: 50px; padding-left: 5rem; } .pr50 { padding-right: 50px; padding-right: 5rem; } .pb50 { padding-bottom: 50px; padding-bottom: 5rem; } .pt60 { padding-top: 60px; padding-top: 6rem; } .pr60 { padding-left: 60px; padding-left: 6rem; } .pr60 { padding-right: 60px; padding-right: 6rem; } .pb60 { padding-bottom: 60px; padding-bottom: 6rem; } .pt80 { padding-top: 80px; padding-top: 8rem; } .pr80 { padding-left: 80px; padding-left: 8rem; } .pr80 { padding-right: 80px; padding-right: 8rem; } .pb80 { padding-bottom: 80px; padding-bottom: 8rem; } .pt90 { padding-top: 90px; padding-top: 9rem; } .pr90 { padding-left: 90px; padding-left: 9rem; } .pr90 { padding-right: 90px; padding-right: 9rem; } .pb90 { padding-bottom: 90px; padding-bottom: 9rem; } .pt100 { padding-top: 100px; padding-top: 10rem; } .pl100 { padding-left: 100px; padding-left: 10rem; } .pr100 { padding-right: 100px; padding-right: 10rem; } .pb100 { padding-bottom: 100px; padding-bottom: 10rem; } /*----------------Font sizes-----------------------*/ .txt12 { font-size: 1.2rem !important; line-height: 1.6rem; } .txt16 { font-size: 1.6rem !important; } .txt18 { font-size: 1.8rem !important; } .txt20 { font-size: 2rem; line-height: 2.5rem; } .txt25 { font-size: 2.5rem; line-height: 2.5rem; } .txt30 { font-size: 3rem; line-height: 3.5rem; } .txt40 { font-size: 4rem; line-height: 4.5rem; } .txt60 { font-size: 6rem !important; line-height: 6.5rem; } .txt80 { font-size: 8rem !important; line-height: 8.5rem; } .txt100 { font-size: 10rem !important; line-height: 10.5rem; } .txt200 { font-size: 20rem !important; line-height: 20.5rem; } /*----------------Displays-----------------------*/ .dblock { display: block; } .dtable { display: table !important; } .dinline-block { display: inline-block !important; } /* ---------->>> Responsive video <<<-----------*/ .videoWrapper { box-sizing: border-box; position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 2.5rem; height: 0; } .videoWrapper object, .videoWrapper embed, .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*----------------Color boxes and highlights-----------------------*/ .brown-box{ background:#8A6946; color:white; } .terracota-box{background:#B57E31 !important;color:white;} .yellow-box{background:#E4B464 !important;color:white;} .orange-box{background:#E57000 !important;color:white;} .gray-box{background:#CCCCCC;} .light-gray-box{background:#F1F1F1;} .brown-txt{ color:#8A6946 !important; font-weight:600; } .terracota-txt{color:#B57E31 !important;font-weight:600;} .yellow-txt{color:#E4B464 !important;font-weight:600;} .orange-txt{color:#E57000 !important;font-weight:600;} /*----------------Buttons-----------------------*/ .btn-yellow { color: #fff; background-color: #E6AF41; border-color: #D19E38; } .btn-yellow:hover { color: #fff; background-color: #D19E38; border-color: #D3A03B; } input[type=submit] { border: 0; padding: 0; } .btn-yellow-arrow { color: #fff; background: url(../img/next-white-bold.svg) no-repeat 95% center #E6AF41; background-size: 10px 10px; /*! border: solid 1px #D19E38 !important; */ font-size: 1.5rem; padding: .5rem 3rem .5rem 1rem !important; border-radius: 5px; margin-right: 2px; } input[type=submit].btn-yellow-arrow { padding-top: .2rem!important; padding-bottom: .2rem!important; } .btn-yellow-arrow:hover { color: #fff; background-color: #D19E38; border-color: #D3A03B; text-decoration: none; border-radius: 5px; } .btn-brown { color: #fff; background-color: #8A6946; border-color: #826342; } .btn-brown:hover { color: #fff; background-color: #826342; border-color: #7B5E3E; } .btn-terracota { color: #fff; background-color: #B57E31; border-color: #AF7A2F; } .btn-terracota:hover { color: #fff; background-color: #AF7A2F; border-color: #A9762D; } .btn-orange { color: #fff; background-color: #C96025; border-color: #C35D25; } .btn-orange:hover { color: #fff; background-color: #C35D25; border-color: #BD5A24; } .btn-turquoise { color: #fff; background-color: #09C0C8; border-color: #08B7BE; } .btn-turquoise:hover { color: #fff; background-color: #08B7BE; border-color: #08AEB4; } .btn-turquoise-arrow { color: #fff; background: url(../img/next-white-bold.svg) no-repeat 95% center #09C0C8; background-size: 20px 20px; border: solid 1px #08B7BE !important; padding:1rem 4rem 1rem 2.5rem; } .btn-turquoise-arrow:hover { color: #fff; background-color: #08B7BE; border-color: #08AEB4; text-decoration: none; } .btn-simple-arrow{ position:relative; padding:0 2.5rem 0 0; color:#666; } .btn-simple-arrow:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; right: 0; content: "\f054"; margin-top: -1.2rem; color:orange; font-size:2rem; } .btn-simple-arrow:hover { text-decoration: none; } .btn-facebook{ background:#446FB3; position:relative; padding:.5rem 2rem .5rem 5rem; color:white; } .btn-facebook:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 1.5rem; content: "\f230"; margin-top: -1.3rem; font-size:2rem; } .btn-facebook:hover, .btn-twitter:hover{ color:white; } .btn-twitter{ background:#68A7DD; position:relative; padding:.5rem 2rem .5rem 5rem; color:white; } .btn-twitter:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 1.5rem; content: "\f081"; margin-top: -1.3rem; font-size:2rem; } /*----------------Page Header-----------------*/ header.page-header{ padding:1.5rem 0 2.5rem 0; margin:0 0 3rem 0; } /*----------------Breadcrumbs-----------------*/ .breadcrumb { padding: 0; margin-bottom: 0; list-style: none; background-color: white; border-radius: 0; font-size:1.2rem; margin-top:1.5rem; } /*------------MINI MENU FOOTER STYLE------------*/ .side-menu { background:#F9F9F9; padding:.5rem 1.5rem; list-style: none; margin: 0 0 2rem 0; border-top:solid 2px #E57000; } .side-menu li a { border-bottom: #ccc 1px solid; display: block; font-size: 1.4rem; padding: .8rem 2rem .8rem 0rem; color: #4A4A4A; position: relative; } .side-menu li:last-child a { border-bottom: 0; } .side-menu li a:before { position: absolute; font-family: 'FontAwesome'; top: 50%; right: 10px; content: "\f054"; color: #ccc; font-size: 1.1rem; margin-top: -1rem; } .side-menu li a:hover { text-decoration: none; color: #8B6139; } .side-menu li.active a { text-decoration: none; color:#E57000; } .side-menu li.active a:before { color:#E57000; } /*----------------Accordion-----------------*/ .panel-default > .panel-heading { color: #666; } .panel-default > .panel-heading a:hover, .panel-default > .panel-heading a:focus{ text-decoration:none; } .panel { margin-bottom: 20px; background-color: #fff; border: none; border-radius: 0px; -webkit-box-shadow: 0; box-shadow: 0; } .panel .glyphicon{ font-size:1.2rem; color:#ccc; margin-top:.5rem; } /*----------------Tabs-----------------*/ .tab-pane { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-radius: 0px 0px 5px 5px; padding: 1rem 2rem; margin-bottom: 2rem; } .nav-tabs { } .nav-tabs > li > a, .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { border-radius:0; font-size:1.5rem; color:#666; } .nav-tabs > li > a{ background:#F7F7F7; border-bottom:1px #ddd solid; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background:#AC8029; color:white; border:none; border-bottom:1px solid #AC8029; border-radius:0; } /*----------------font sizes-----------------*/ .txt12{font-size:1.2rem;} .txt14{font-size:1.4rem;} .txt18{font-size:1.8rem;} /*----------------Pagination-----------------*/ .pagination > li > a, .pagination > li > span { color: #666; font-size:1.4rem; } .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background-color: #E4B464; border: solid 1px #E4B464; } /*----------------Colored paragrahps and alerts-----------------*/ [class*=bg-]{ padding:1rem 1.5rem; } [class*=alert-]{font-size:1.4rem;} /*----------------Table-----------------*/ .table {font-size:1.4rem; border:solid 1px #ccc;} .table p{margin:0; padding:0;} /*----------------Download link-----------------*/ .download-link{ position:relative; font-size:1.5rem; color:#666; padding-left:3rem; cursor:pointer; } .download-link:hover{ color:#666; } .download-link:before{ position: absolute; font-family: 'FontAwesome'; top: 50%; left: 0; content: "\f0ed"; margin-top:-1rem;color: #E57000; font-size:2rem; } /*----------------forms-----------------*/ label { font-size:1.5rem; } .form-control { display: block; /*width:auto;*/ } /*----------------Accordion-----------------*/ ul li, ol li{/*! font-size:1.5rem; */} .active-accordion{background-color:#DEAC5B !important; color:white !important;} /*----------------Special boxes-----------------*/ .exclam-big{ display: table; } .exclam-big div:first-child, .exclam-big div:last-child{ display: table-cell; } .exclam-big div:first-child{ background-color:#DEAC5B; color:white; text-align:center;width:25%; position:relative; } .exclam-big div:first-child i{ display:block; font-size:6.5rem; left:50%; margin-top:-2.7rem; margin-left:-1rem; top:50%; position:absolute; } .exclam-big div:last-child{ background-color:#EBEBEB;width:75%; font-size:1.5rem;padding: 1rem 2rem; } /* ---------->>> 3.12. Equal height for bootstrap columns <<<-----------*/ /* USAGE <div class="row"> <div class="row-height"> <div class="col-xs-2 col-xs-height col-xs-middle"> <div class="inside"></div> </div> <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle"> <div class="inside"></div> </div> </div> </div> */ /* content styles */ .inside { margin-top: 20px; margin-bottom: 20px; background: #ededed; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed)); background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%); background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%); } .inside-full-height { /* // if you want to give content full height give him height: 100%; // with content full height you can't apply margins to the content // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100 */ height: 100%; margin-top: 0; margin-bottom: 0; } /* columns of same height styles */ .row-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-height { display: table-cell; float: none; height: 100%; } .col-top { vertical-align: top; } .col-middle { vertical-align: middle; } .col-bottom { vertical-align: bottom; } @media (min-width: 480px) { .row-xs-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-xs-height { display: table-cell; float: none; height: 100%; } .col-xs-top { vertical-align: top; } .col-xs-middle { vertical-align: middle; } .col-xs-bottom { vertical-align: bottom; } } @media (min-width: 768px) { .row-sm-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-sm-height { display: table-cell; float: none; height: 100%; } .col-sm-top { vertical-align: top; } .col-sm-middle { vertical-align: middle; } .col-sm-bottom { vertical-align: bottom; } } @media (min-width: 992px) { .row-md-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-md-height { display: table-cell; float: none; height: 100%; } .col-md-top { vertical-align: top; } .col-md-middle { vertical-align: middle; } .col-md-bottom { vertical-align: bottom; } } @media (min-width: 1200px) { .row-lg-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-lg-height { display: table-cell; float: none; height: 100%; } .col-lg-top { vertical-align: top; } .col-lg-middle { vertical-align: middle; } .col-lg-bottom { vertical-align: bottom; } } /*--------------------------------------- AJUSTES REALIZADOS PARA ENCAJAR CON LA IMAGEN LIFERAY ----------------------------------------*/ .row.flex{ display:flex; align-items: center; } .row.no-pad > [class*='col-'] { padding-right:0; padding-left:0; } @media (max-width: 768px) { .row.flex{ display:block; } .row.no-pad > [class*='col-'] { padding-right:20px; padding-left:20px; margin-bottom:10px; } } /*------------Botones header------------*/ a.opcion-header { padding: 6px 5px; border: #878786 solid 1px; border-radius: 4px; margin: 0px; display: inline-block; min-width: 30px; height: 30px; text-align: center; font-size:1.4rem; color:#878786; float:right; margin-right:5px; } a.opcion-header:hover { background:#878786; color:white; text-decoration: none; } /*------------Barra búsqueda------------*/ #busqueda-barra { width: 100%; position: relative; } .searchTerm { width: 100%; border: 0px solid #00B4CC; padding: 5px 10px !important; border-radius: 5px; outline: none; color: #fff !important; background: #999; font-size: 1.4rem; font-family:"Poppins"; font-size:200 !important; } .searchTerm:focus{ color: #fff; } .searchButton { position: absolute; right: -20px; width: 35px; height: 30px; border: 0px solid #00B4CC; background: #999; text-align: center; color: #fff; border-radius: 5px; cursor: pointer; font-size: 15px; top: 0px; } @media (max-width: 768px) { .searchButton { right: 0px; } } @media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 480px) { .searchButton { top:40px; } } #busqueda-barra ::placeholder{ color:white; } /*------------Ministerios------------*/ #ministerios { /* background: #DADADA; */ background: #FAFAFA; padding: 5rem 0; margin-top: 4rem; } #ministerios ul { margin: 0; padding: 0; list-style-type: none; } #ministerios ul li { position: relative; margin-bottom: .5rem; padding-left: 2rem; } #ministerios ul li:before { content: "â—"; font-size: 1.4rem; display: block; position: absolute; margin-bottom: .5rem; left: 0; top: -.5rem; color: black; } #ministerios a { font-size: 1.3rem; font-weight: 500; color: black; font-family: "Poppins", sans-serif; } #ministerios ul li.presidencia { color: #C9000E; } #ministerios ul li.vicepresidencia { color: #C9000E; } #ministerios ul li.minjusticia { color: #0830FF; } #ministerios ul li.mindefensa { color: #1C91FF; } #ministerios ul li.mininterior { color: #4E0034; } #ministerios ul li.cancilleria { color: #1F19FF; } #ministerios ul li.minahcienda { color: #F8F7F6; } #ministerios ul li.minminas { color: #AFBD00; } #ministerios ul li.mincomercio { color: #36C40A; } #ministerios ul li.mintic { color: #6129FF; } #ministerios ul li.mincultura { color: #7514FF; } #ministerios ul li.minagricultura { color: #5EFF14; } #ministerios ul li.minambiente { color: #8CFF47; } #ministerios ul li.mintransporte { color: #D05B07; } #ministerios ul li.minvivienda { color: #6705CC; } #ministerios ul li.mineducacion { color: #570900; } #ministerios ul li.mintrabajo { color: #0830FF; } #ministerios ul li.minsalud { color: #40E3D6; } #ministerios ul li.dnp { color: #7C1A20; } #ministerios ul li.dane { color: #B6014C; } #ministerios ul li.dps { color: #3E97CF; } #ministerios ul li.dni { color: #002C8B; } #ministerios ul li.coldeportes { color: #00C7B1; } #ministerios ul li.colciencias { color: #387E83; } .ocultar{ display: none !important; } /*incluir para banner de Gestor Normativo*/ .gestor-banner{ background: url(../img/baner-logos/baner-gestor-normativo.jpg) no-repeat center center; background-size:cover; padding:20px 0; position: relative; } .gestor-banner:before{ content:""; position: absolute; background: url(../img/baner-logos/rectangulo-puntos.png) no-repeat center center; background-size:cover; right:20%; top:50%; margin-top:-25px; width:20%; height:55px; } .gestor-banner-titulo{ font-family: "Poppins"; font-size:37px; color:white; font-weight: 500; text-align:left; padding:0 !important; margin-top:20px; } .gestor-banner-titulo span{ font-weight: 800; } @media (max-width: 768px) { .gestor-banner-titulo{ text-align:center; } .gestor-banner:before{ top:30%; margin-top:0; } } @media (max-width: 560px) { .gestor-banner:before{ top:10%; margin-top:0; } } .li.active a{ font-weight:bold !important;} navbar-nav li a:hover{ font-weight:bold !important;} #barra-navegacion div ul li:hover>a,#barra-navegacion .active a,#barra-navegacion ul.dropdown-menu li:hover a,#barra-navegacion ul.dropdown-menu li.active a{ color:#e07729; font-family:'Poppins',sans-serif; font-weight:bold; background:transparent; }