/* Theme Name: Imevent Theme URI: https://themeforest.net/user/ovatheme/portfolio Version: 3.3.1 Description: Created by ovatheme Author: Ovatheme Author URI: https://themeforest.net/user/ovatheme License: GNU General Public License License URI: license.txt Tags: ovatheme, light, gray, white, custom-background, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: imevent --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ /* -------------------------------------------------------------------------- * im Event Stylesheet - Table of Content 1 - General 1.1 - Google fonts 1.2 - Preloader 1.3 - Global properties (body, common classes, structure etc) 1.4 - Page section block 1.5 - Typography (section title, links, page dividers) 1.6 - Buttons 1.7 - Form / Input / Textarea 2 - Header 2.1 - Logo 2.2 - Logo hexagon icon 2.3 - Navigation 2.4 - Fixed menu 2.5 - Mobile menu 3 - Content 3.1 - Main slider / Owl carousel 3.2 - Event description 3.3 - Image carousel / Owl carousel 3.4 - Partners carousel / Owl carousel 3.5 - Breadcrumbs 3.6 - Schedule 3.7 - FAQ 3.8 - Blog / Post 3.9 - Comments 3.10 - Pagination / Pager 3.11 - Project / Portfolio 3.12 - Thumbnails / Features 3.13 - Media / Testimonials 4 - Footer 5 - Widgets / Shortcodes / Components 5.1 - prettyPhoto 5.2 - Contact form / af-form 5.3 - Social line 5.4 - Price table 5.5 - Google map 5.6 - Parallax 5.7 - Error page 5.8 - Back to top button 5.9 - Coming soon page 6 - Helper Classes * -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- * 1 - General * -------------------------------------------------------------------------- */ /* 1.1 - Google fonts /* ========================================================================== */ /* font-family: 'Raleway', sans-serif; */ @import url('http://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900'); /* font-family: 'Roboto', sans-serif; */ @import url('http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,700italic,700,500italic,500,400italic,300,100,100italic,300italic'); /* font-family: 'Roboto Slab', serif; */ @import url('http://fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700'); /* font-family: 'Montserrat', serif; */ @import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap'); /* 1.2 - Preloader /* ========================================================================== */ #preloader { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: #ffffff; z-index: 999999; background: url('images/upv.jpg'); background-repeat: no-repeat; background-position: center center; background-size: 135px auto; } #status { width: 200px; height: 200px; position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -100px; text-align: center; font-size: 50px; } #preloader-title { margin-top: 47px; } .spinner { position: absolute; opacity: 0.4; top: 0; left: 0; z-index: -1; font-size: 100px; width: 2em; height: 2em; margin: 0 auto; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 .12em rgba(0, 0, 0, 0.2); background: linear-gradient(#00b8ff 50%, #000000 50%) !important; background-size: 50% 100%, 50% 100%; background-position: 0 0, 100% 0; background-repeat: no-repeat; -webkit-animation: mask 5s infinite alternate; animation: mask 5s infinite alternate; } .spinner:after { content: ''; position: absolute; border: .90em solid rgba(255, 255, 255, 1); top: 5%; left: 5%; width: 90%; height: 90%; border-radius: inherit; } #menu-one-page-menu li#menu-item-1197, #menu-subpage-menu li#menu-item-2053 { border-radius: 0px; } #menu-one-page-menu li#menu-item-1197 a, #menu-one-page-menu li#menu-item-1197 a:hover, #menu-subpage-menu li#menu-item-2053 a{ background: #162538; } #menu-one-page-menu li#menu-item-1197 a:hover { color: #15b0f2 !important; border-bottom: solid 3px #15b0f2 !important; } #menu-subpage-menu li#menu-item-2053 a:hover { color: #15b0f2 !important; border: none !important; } #menu-one-page-menu li:last-child, #menu-subpage-menu li:last-child, #menu-one-page-menu li#menu-item-19447, #menu-subpage-menu li#menu-item-19447 { background: #1c68a1; padding-bottom: 3px; margin-left:12px; border-radius: 4px; } #menu-one-page-menu li:last-child:hover, #menu-subpage-menu li:last-child:hover, #menu-one-page-menu li#menu-item-19447:hover, #menu-subpage-menu li#menu-item-19447:hover { background: #7295c0; } #menu-one-page-menu li:last-child:hover a, #menu-subpage-menu li:last-child:hover a, #menu-one-page-menu li#menu-item-19447:hover a, #menu-subpage-menu li#menu-item-19447:hover a { color: #FFFFFF !important; } @-webkit-keyframes mask { 0% {} 25% { -webkit-transform: rotate(270deg); } 50% { -webkit-transform: rotate( 90deg); } 75% { -webkit-transform: rotate(360deg); } 100% { -webkit-transform: rotate(180deg); } } @keyframes mask { 0% {} 25% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } 50% { -webkit-transform: rotate( 90deg); transform: rotate( 90deg); } 75% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } 100% { -webkit-transform: rotate(180deg); transform: rotate(180deg); } } /* 1.3 - Global properties (body, common classes, structure etc) /* ========================================================================== */ body { line-height: 1.33; background: #f1f1f1 !important; font-kerning: auto; -webkit-font-kerning: auto; -webkit-font-smoothing: antialiased; backface-visibility: visible !important; -webkit-backface-visibility: visible !important; position: relative; font-size: 16px; } /* overflow the content area * -------------------------------------------------------------------------- */ * { -ms-word-wrap: break-word; word-wrap: break-word; } .sidebar { font-size: 14px; line-height: 1.3; } .content .widget + .widget, .sidebar .widget + .widget, .footer .widget + .widget { margin-top: 50px; } .wide .container.full-width { width: 100%; max-width: 100%; padding-left: 0; padding-right: 0; /*margin-top: -70px;*/ /*margin-bottom: -70px;*/ } .boxed .container.full-width { padding-left: 0; padding-right: 0; } /* 1.4 - Page section block /* ========================================================================== */ .wide .page-section.background-img-slider > .container { padding-top: 0; padding-bottom: 0; } .wide #bilbao.page-section { overflow: visible; } #eventnew .row > div:last-child{ z-index: 100; overflow: visible; } .boxed .page-section > .container { position: relative; overflow: hidden; background-color: #f1f1f1; } .wide .page-section { position: relative; background-color: #f1f1f1; } .boxed .page-section > .container { padding-left: 30px; padding-right: 30px; } .wide .page-section.light, .boxed .page-section.light > .container { background-color: #f5f5f5; color: #435469; } .wide .page-section.image, .boxed .page-section.image > .container { padding-top: 100px; padding-bottom: 100px; background-attachment: fixed; background-image: url('../img/preview/background-img-slider.jpg'); background-size: cover !important; background-position: 50% 0 !important; background-repeat: no-repeat; } .wide .page-section.image > .container, .boxed .page-section.image { position: relative; } .wide .page-section.image:before, .boxed .page-section.image > .container:before { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background: transparent url("assets/img/overlay.png") 50% 0 repeat; } .page-section.background-img-slider { position: relative; } .wide .page-section.background-img-slider, .boxed .page-section.background-img-slider > .container { background-position: 50% 0 !important; background-size: cover !important; } .boxed .page-section.background-img-slider .vc_col-sm-12 { padding-left: 0!important; padding-right: 0!important; } .wide .page-section.background-img-slider > .container { width: 100%; padding-left: 0; padding-right: 0; } .boxed .page-section.background-img-slider > .container { padding: 0 !important; } .page-section.no-padding { padding: 0; } .page-section.no-padding-top { padding-top: 0; } .page-section.no-padding-bottom { padding-bottom: 0; } .page-section.sub-page { padding-top: 138px !important; } .page-section.with-sidebar { padding-top: 138px!important; margin-bottom: 30px; } .block-readmore { margin-top: 40px; margin-bottom: 40px; } /* 1.5 - Typography (section title, links, page dividers) /* ========================================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: 300; color: #141f23; } /* h1{ font-size: 33px; }*/ h1 .fa, h2 .fa, h3 .fa, h4 .fa, h5 .fa, h6 .fa, h1 .glyphicon, h2 .glyphicon, h3 .glyphicon, h4 .glyphicon, h5 .glyphicon, h6 .glyphicon { color: #ea032d; } .post-title { font-size: 20px; } .single-schedule .post-title { font-size: 30px; color: #15b0f2; } .imagen_evento img { border: 0 none; height: auto; width: 100%; object-fit: cover; max-height: 350px; } /* Section title * -------------------------------------------------------------------------- */ .section-title { position: relative; font-size: 24px; font-weight: 300; line-height: 1; margin: 0 0 40px 0; z-index: 0; text-transform: uppercase; color: #0d1d31; display: table; width: 100%; } .section-title small { font-size: 24px; font-weight: 300; line-height: 1; text-transform: none; color: #374146; } .section-title .icon-inner { display: table-cell; width: 70px; } .section-title .title-inner { display: table-cell; padding-bottom: 2px; vertical-align: middle; } .image .section-title, .image .section-title small, .dark .section-title, .dark .section-title small, .color .section-title, .color .section-title small { color: #ffffff; } .color .section-title:after { color: #141f23; } .section-title .fa-stack { width: 50px; height: 57px; line-height: 57px; margin-right: 20px; } .section-title .fa-stack .fa { color: #ffffff; } .color .section-title .fa-stack .fa { color: #15B0F2; } .section-title .rhex { background-color: #15B0F2; } .color .section-title .rhex { background-color: #ffffff; } .color .caption-title { color: #fff !important; } /* Hexagon icon * -------------------------------------------------------------------------- */ .rhex { background-color: #15B0F2; margin-top: 14px; width: 50px; height: 28px; border-radius: 2px; } .rhex:before, .rhex:after { position: absolute; top: 0; left: 0; width: inherit; height: inherit; border-radius: inherit; background-color: inherit; content: ''; } .rhex:before { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } .rhex:after { -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } /* Links, Link color * -------------------------------------------------------------------------- */ a, a .fa, a .glyphicon, a:hover, a:hover .fa, a:hover .glyphicon, a:active, a:focus { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; } a { color: #ea032d; } a:hover, a:active, a:focus { color: #000000; } .color a { color: #ffffff; } .color a:hover, .color a:active, .color a:focus { color: #000000; } p { /*-moz-hyphens: auto;*/ /*-webkit-hyphens: auto;*/ /*-ms-hyphens: auto;*/ /*hyphens: auto;*/ margin-bottom: 20px; } ul, ol { padding-left: 0; list-style: none; margin-bottom: 20px; } ul ul, ol ol, ul ol, ol ul { padding-left: 20px; } .dropcap { display: block; float: left; font-size: 49px; line-height: 48px; margin: 0 10px 0 0; color: #ea032d; } .text-lg { text-transform: uppercase; font-size: 24px; line-height: 1.2; color: #141f23; } /* Page header /* bs3 * -------------------------------------------------------------------------- */ .page-header { margin-top: 20px; margin-bottom: 0; padding-bottom: 0; border-bottom: none; font-size: 36px; font-weight: 300; color: #515151; } .page-header h1 { margin: 0; font-size: 36px; font-weight: 300; color: #515151; } .page-header h1 small { display: block; font-size: 16px; font-weight: 300; color: #6f6f6f; } /* Page dividers * -------------------------------------------------------------------------- */ hr.page-divider { margin-top: 40px; margin-bottom: 40px; clear: both; border-color: #eeeeee; } hr.page-divider:after { content: ''; display: block; margin-top: 1px; border-bottom: solid 1px #eeeeee; } hr.transparent, hr.page-divider.transparent { border-color: transparent; } hr.page-divider.half { border-color: transparent; margin-top: 0; } hr.page-divider.small { border-color: transparent; margin-top: 0; margin-bottom: 20px; } hr.page-divider.single { border-color: #646464; } hr.page-divider.single:after { display: none; } hr.page-divider.transparent:after, hr.page-divider.half:after, hr.page-divider.small:after { display: none; } .alert { border-radius: 10px; } /* 1.6 - Buttons /* ========================================================================== */ .btn, .btn:hover, .btn:active, .btn.active { box-shadow: none; border-radius: 0; } .btn-theme, .btn-theme:hover, .btn-theme:active, .btn-theme.active { border-radius: 5px; } .btn-theme { color: #ffffff; background-color: #15B0F2; border-color: #15B0F2; text-transform: uppercase; font-size: 18px; font-weight: lighter; line-height: 1; padding: 15px 35px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; font-weight: 300; } .btn-theme:hover { background-color: #435469; border-color: #435469; color: #ffffff; } .color .btn-theme { color: #15B0F2; background-color: #ffffff; border-color: #ffffff; } .color .btn-theme:hover { background-color: #435469; border-color: #435469; color: #ffffff; } .btn-theme-transparent, .btn-theme-transparent:focus, .btn-theme-transparent:active { background-color: transparent; border-color: #15B0F2; color: #15B0F2; } .btn-theme-transparent:hover { background-color: #435469; border-color: #435469; color: #ffffff; } .btn-theme-transparent-grey, .btn-theme-transparent-grey:focus, .btn-theme-transparent-grey:active { background-color: transparent; border-color: #435469; color: #435469; } .btn-theme-transparent-grey:hover { background-color: #435469; border-color: #435469; color: #ffffff; } .btn-theme-transparent-white, .btn-theme-transparent-white:focus, .btn-theme-transparent-white:active { background-color: transparent; border-color: #ffffff; color: #ffffff; } .btn-theme-transparent-white:hover { background-color: #435469; border-color: #435469; color: #ffffff; } .btn-theme-grey { background-color: #f5f5f5; border-color: #e8e8e8; color: #ea032d; } .btn-theme-grey:hover, .btn-theme-grey:focus, .btn-theme-grey:active { background-color: #435469; border-color: #435469; color: #ffffff; } .btn-theme-sm { font-size: 14px; padding: 10px 25px; } .btn-theme-lg { font-size: 18px; padding: 20px 35px; } .btn-theme-xl { font-size: 24px; padding: 25px 35px; } p.btn-row { margin-top: -10px; } p.btn-row .btn { margin-top: 10px; margin-right: 10px; } .btn i.fa { padding: 0px 20px 0px 0px; } /* 1.7 - Form / Input / Textarea / Select /* ========================================================================== */ .form-control { height: 40px; padding-left: 15px; padding-right: 15px; border-radius: 10px; border: 1px solid #c8cdd2; font-size: 18px; color: #6d7a83; -webkit-appearance: none; /* ios */ -webkit-box-shadow: none; box-shadow: none; } .form-control:focus { border-color: #ea032d; -webkit-appearance: none; /* ios */ -webkit-box-shadow: none; box-shadow: none; } textarea { resize: none; } .bootstrap-select > .selectpicker { height: 60px; border: 1px solid #c8cdd2; border-radius: 10px; font-size: 18px; color: #6d7a83 !important; -webkit-appearance: none; /* ios */ -webkit-box-shadow: none; box-shadow: none; padding-left: 20px; padding-right: 20px; background-color: #ffffff !important; box-shadow: none !important; } .bootstrap-select > .selectpicker:focus { border-color: #ea032d; } .bootstrap-select-searchbox .form-control { height: 40px; font-size: 14px; border-radius: 0; padding-left: inherit; padding-right: inherit; } .registration-form { margin-top: -15px; } .registration-form .form-group { padding: 15px; margin-bottom: 0; } .registration-form .form-group.selectpicker-wrapper { z-index: 1; position: relative; } .registration-form .bootstrap-select.btn-group:not(.input-group-btn), .registration-form .bootstrap-select.btn-group[class*="span"] { margin-bottom: 0; } .registration-form .tooltip { left: 15px !important; } .registration-form .selectpicker-wrapper .tooltip { top: -47px !important; } .registration-form .tooltip-inner { background-color: #ea032d; padding: 10px 20px; } .registration-form .tooltip-arrow { border-top-color: #ea032d; } .registration-form .tooltip.top .tooltip-arrow { border-top-color: #ea032d; } .registration-form .form-alert { margin-bottom: 0; } .registration-form.alt { margin-top: 0; } .registration-form.alt .form-group { margin-top: 0; margin-bottom: 10px; z-index: 9999; } .registration-form.alt .form-alert .alert { margin-bottom: 10px; } .checkbox-condiciones input[type=checkbox] { display: none; display: inline\0; } .checkbox-condiciones label { padding-left: 25px; margin-top: 10px; } .checkbox-condiciones label a { cursor: pointer; } .checkbox-condiciones label::before { content: ""; display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: absolute; left: 15px; background-color: rgb(255, 255, 255); top: 12px; border: 1px solid #C8CDD2; border-radius: 5px; } .checkbox-condiciones input[type=checkbox]:checked + label::before { content: "\2713"; font-size: 15px; color: #449D44; text-align: center; line-height: 15px; } /* -------------------------------------------------------------------------- * 2 - Header * -------------------------------------------------------------------------- */ .wide .header, .boxed .header > .container { background-color: transparent; position: relative; padding-top: 18px; padding-bottom: 40px; } .sub-page .header { background-color: rgba(129, 134, 140, 1); } .header.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 99999; } .header.shrink-off { padding-top: 2px; padding-bottom: 2px; /*background-image: linear-gradient(rgba(129, 134, 140, 1), rgba(129, 134, 140, .0));*/ background-color: rgba(129, 134, 140, .8); } .wide .header.shrink, .boxed .header.shrink > .container { padding-top: 2px; padding-bottom: 2px; background-color: #243D5C!important; box-shadow: 0px 11px 43px #333; } .header .header-wrapper { position: relative; } .header, .header.fixed, .header.shrink, .header > .container { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /******** SPECIAL HEADER FOR SUBPAGES***********************************/ .sub-page .header { padding-top: 2px; padding-bottom: 2px; background-color: #f1f1f1 !important; } .sub-page .header .header-wrapper { position: relative; padding-top: 10px; } /* 2.1 - Logo /* ========================================================================== */ .logo { float: left; font-size: 30px; font-weight: bold; margin-top: 2px; width: 32%; } .logo a { color: #ffffff; display: inline-block; line-height: 2em; } .logo a:hover { color: #15B0F2; } .logo a .logo-hex { background-color: #15B0F2; } .logo a:hover .logo-hex { background-color: #ffffff; } .logo a .logo-fa { color: #ffffff; } .logo a:hover .logo-fa { color: #15B0F2; } .logo .fa-stack { width: 54px; height: 62px; line-height: 62px; } .shrink .logo { margin-top: 0; } .shrink .logo a { line-height: 1em; } .shrink .logo a .logo-fa { font-size: 15px; } .shrink .logo .fa-stack { width: 27px; height: 31px; line-height: 31px; } .shrink .logo img { height: 34px; display: none; } .logo .fa-stack, .shrink .logo .fa-stack { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .logo a .logo-fa, .shrink .logo a .logo-fa { -webkit-transition: none; transition: none; } .shrink .header-wrapper { background-image: url('./images/logo_subpage.png'); background-repeat: no-repeat; } .shrink .logo a { height: 95px; width: 270px; } /* 2.2 - Logo hexagon icon /* ========================================================================== */ .logo-hex { margin-top: 14px; width: 54px; height: 31px; border-radius: 3px; cursor: pointer; } .logo-hex:before, .logo-hex:after { position: absolute; top: 0; left: 0; width: inherit; height: inherit; border-radius: inherit; background-color: inherit; content: ''; } .logo-hex:before { -webkit-transform: rotate(60deg); -moz-transform: rotate(60deg); -ms-transform: rotate(60deg); -o-transform: rotate(60deg); transform: rotate(60deg); } .logo-hex:after { -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -ms-transform: rotate(-60deg); -o-transform: rotate(-60deg); transform: rotate(-60deg); } .shrink .logo-hex { margin-top: 7px; width: 27px; height: 15px; border-radius: 1px; } /* 2.3 - Navigation / superfish skin /* ========================================================================== */ .navigation { float: left; z-index: 999; width: 92%; height: 56px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2a476b+0,162538+100 */ background: #2a476b; /* Old browsers */ background: -moz-linear-gradient(left, #2a476b 0%, #162538 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #2a476b 0%, #162538 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #2a476b 0%, #162538 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2a476b', endColorstr='#162538', GradientType=1); /* IE6-9 */ } /* SUPERFISH ESSENTIAL STYLES */ .sf-menu, .sf-menu * { margin: 0; padding: 0; } .sf-menu li { position: relative; } .sf-menu ul { position: absolute; display: none; top: 100%; left: 0; z-index: 99; } .sf-menu > li { float: left; border-radius: 10px; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: block; } .sf-menu a { display: block; position: relative; } .sf-menu ul ul { top: 0; left: 100%; } .sf-menu ul { min-width: 12em; /* submenu width */ } /* SUPERFISH THEME SKIN */ .sf-menu { margin-right: -1em; font-size: 14px; font-weight: 300; text-transform: uppercase; } .sf-menu.nav > li > a:hover, /* bs3 reset */ .sf-menu.nav > li > a:focus /* bs3 reset */ { background-color: transparent; } .sf-menu.nav > li > a, /*bs3 reset */ .sf-menu a { padding: 10px; font-weight: bold; } .sf-menu a { color: #ffffff; } .sf-menu a:hover { color: #15b0f2 !important; } .sf-menu li.active { background-color: rgba(13, 29, 49, 0)!important; } .sf-menu li.active > a { color: #ffffff; } .sf-menu ul { margin-left: 1em; } .sf-menu ul ul { margin-left: 0; } .sf-menu ul li { background: #f2f2f2; } .sf-menu ul.sub-menu li { background: #B2B2B2; } .sf-menu ul { list-style-type: none!important; padding-left: 0; margin-left: 0; } /* ARROW DOWN */ .sf-menu.nav > li > a.sf-with-ul, .sf-arrows .sf-with-ul { padding-right: 10px; } .sf-arrows .sf-with-ul:after { content: ''; position: absolute; top: 50%; margin-left: 4px; margin-top: -1px; height: 0; width: 0; border: 3px solid transparent; border-top-color: #fff; } .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #15B0F2; } /* ARROW RIGHT */ .sf-arrows ul .sf-with-ul:after { margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #9e9e9e; } .sf-arrows ul li > .sf-with-ul:focus:after, .sf-arrows ul li:hover > .sf-with-ul:after, .sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #15B0F2; } /* 2.4 - Fixed menu /* ========================================================================== */ .menu-toggle { display: none; position: fixed; padding: 0; margin: 0; right: 280px; top: 43px; font-size: 30px; line-height: 30px; border: none; color: #ffffff !important; } .shrink .menu-toggle { top: 10px; } .zientzia-club-program { width: 45% ; display: inline-block; margin: 1% !important; } @media (max-width: 991px) { .zientzia-club-program { width: 100%; } .navigation { position: fixed; right: 0; top: 0; height: 100%; width: 280px; background-color: rgba(13, 29, 49, 0.95); } #menu-principal li a.active { color: #ffffff!important;} .navigation.closed { right: -300px; } .navigation.opened { right: 0; } .sf-menu { margin-right: 0; padding: 15px 15px 0 15px; } .sf-menu > li { float: none; } .sf-menu > li > a { border: none; } .sf-menu ul { display: block !important; position: relative; } .sf-menu ul li { background-color: transparent; } .menu-toggle { display: block; z-index: 1; } .navigation.closed .menu-toggle { right: 15px; } .navigation.opened .menu-toggle { right: 19px; top: 28px; } .anchor_class { position: relative;top: -75px; } } /* 2.5 - Mobile menu /* ========================================================================== */ #mobile-menu { display: none; position: absolute; top: 30px; right: 0; width: 200px; z-index: 0; } .mobile-menu { display: none; position: absolute; right: 0; top: 0; cursor: pointer; height: 40px; /* Required for IE 5, 6, 7 */ /* ...or something to trigger hasLayout, like zoom: 1; */ width: 100%; /* Theoretically for IE 8 & 9 (more valid) */ /* ...but not required as filter works too */ /* should come BEFORE filter */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* This works in IE 8 & 9 too */ /* ... but also 5, 6, 7 */ filter: alpha(opacity=0); /* Older than Firefox 0.9 */ -moz-opacity: 0; /* Safari 1.x (pre WebKit!) */ -khtml-opacity: 0; /* Modern! /* Firefox 0.9+, Safari 2?, Chrome any? /* Opera 9+, IE 9+ */ opacity: 0; } html { scroll-behavior: smooth; } .mobile-menu-title { line-height: 40px; font-size: 12px; text-transform: uppercase; text-align: right; } .mobile-menu-title .fa { font-size: 30px; } @media (max-width: 991px) { #mobile-menu { display: block; float: right; } .mobile-menu { display: block; } } .mobile-submenu { display: none; } @media (max-width: 991px) { .mobile-submenu { display: block; opacity: .5; background-color: #15B0F2; height: 30px; width: 30px; position: absolute; top: 5px; right: 2px; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; } .sf-menu li { float: none!important; display: block!important; width: 100%!important; } .sf-menu li a { float: none!important; } .sf-menu ul { position: static!important; /*display: none!important;*/ } .sf-menu ul li { background: transparent!important; } .mobile-submenu-open ul { display: block!important; opacity: 1 !important; } #menu-one-page-menu.sf-menu.nav > li > a, #menu-one-page-menu.sf-menu a, #menu-subpage-menu.sf-menu.nav > li > a, #menu-subpage-menu.sf-menu a { margin: 10px 0px !important; } #menu-one-page-menu li#menu-item-1197 a, #menu-one-page-menu li#menu-item-1197 a:hover { background: none !important; } #menu-one-page-menu li#menu-item-1197 a:hover { color: #15b0f2 !important; border-bottom: none !important; } } /* -------------------------------------------------------------------------- * 3 - Content * -------------------------------------------------------------------------- */ /* 3.1 - Slider / Owl sliders /* ========================================================================== */ #main-slider .item { min-height: 660px; } #main-slider.owl-theme .owl-item { position: relative; } #main-slider.owl-theme .owl-controls { margin: 0; } #main-slider.owl-theme .owl-controls .owl-page span, #main-slider.owl-theme .owl-controls .owl-buttons div { background-color: transparent; } #main-slider.owl-theme .owl-controls .owl-pagination { position: absolute; bottom: 20px; width: 100%; } #main-slider.owl-theme .owl-controls .owl-buttons { position: absolute; top: 50%; margin-top: -40px; width: 100%; } #main-slider.owl-theme .owl-controls .owl-buttons .owl-prev, #main-slider.owl-theme .owl-controls .owl-buttons .owl-next { position: relative; border-radius: 0; font-size: 55px; line-height: 20px; margin: 0; opacity: 1; color: #ffffff; text-shadow: 1px 1px 0 #141f23; } #main-slider.owl-theme .owl-controls .owl-buttons .owl-prev:hover, #main-slider.owl-theme .owl-controls .owl-buttons .owl-next:hover { color: #15B0F2; } #main-slider.owl-theme .owl-controls .owl-buttons .owl-prev { float: left; margin-left: 90px; } #main-slider.owl-theme .owl-controls .owl-buttons .owl-next { float: right; margin-right: 90px; } #main-slider.owl-theme .owl-controls .owl-nav [class*=owl-] { top: 57% !important; } #main-slider.owl-carousel .owl-item .item { overflow: hidden; /*max-height: 660px;*/ } #main-slider.owl-carousel .owl-item .item img { /*max-width: 100%;*/ width: 43%; float: left; margin-left: 3%; } .organizador { padding: 10px; border-radius: 10px; background-color: #e1e1e1b3; } /* Slider Caption * -------------------------------------------------------------------------- */ #main-slider .caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #main-slider .caption > .container { position: relative; min-height: 100%; height: 100%; padding-top: 100px; padding-bottom: 60px; } #main-slider .caption .div-table { width: 100%; } #main-slider .caption-title { font-size: 30px; line-height: 60px; font-weight: 300; color: #ffffff; text-shadow: 1px 1px #000000; clear: both; display: inline-block; text-transform: uppercase; margin: 0 0 0 0; display: block; position: relative; overflow: hidden; } #main-slider .caption-title span { display: inline-block; position: relative; padding-left: 20px; padding-right: 20px; } #main-slider .caption-title span:before, #main-slider .caption-title span:after { content: ''; display: block; position: absolute; top: 25px; left: -100%; height: 5px; width: 100%; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; } #main-slider .caption-title span:after { left: auto; right: -100%; } #main-slider .caption-subtitle { /*font-family: 'Raleway', sans-serif;*/ font-size: 36px; font-weight: 700; color: #ffffff; text-shadow: 1px 1px #000000; text-transform: uppercase; margin: 30px 0px 40px 0px; } #main-slider .caption-subtitle .fa { color: #ffffff; } #main-slider .caption-subtitle span { color: #253239; } ul.pagination li span.current { background-color: #1c68a1 !important; } #main-slider .caption-subtitle strong { font-size: 36px; font-weight: 400; text-transform: initial; display: block; } #main-slider .caption-text { color: #8c8e93; font-size: 14px; margin: 30px 0 0 0; } #main-slider .caption-text .btn:first-child { margin-right: 30px; } @media (max-width: 1024px) { #main-slider .caption-subtitle { font-size: 45px; } #main-slider .caption-subtitle strong { font-size: 53px; } } @media (max-width: 991px) { #main-slider .caption-subtitle, #main-slider .caption-text { margin-top: 20px; } #main-slider .caption-title { font-size: 60px; } #main-slider .caption-subtitle { font-size: 22px; } #main-slider .caption-text { font-size: 12px; } } @media (max-width: 767px) { #main-slider .caption { right: 0; padding: 0 80px; max-width: 100%; background-color: transparent; } #main-slider .caption-title { font-size: 30px; line-height: 30px; } #main-slider .caption-title span:before, #main-slider .caption-title span:after { top: 15px; } #main-slider .caption-subtitle { font-size: 20px; } #main-slider .caption-subtitle strong { font-size: 30px; } #main-slider .caption-text { font-size: 12px; } #main-slider .caption-text .btn:first-child, #main-slider .caption-text .btn { display: block; width: 200px; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 8px 20px; font-size: 13px; } #main-slider .caption-text .btn:first-child { margin-top: 20px; } } /* -------------------------------------------------------------------------- */ .countdown-wrapper { margin-top: 30px; } .defaultCountdown { background-color: transparent; border-color: transparent; } .countdown-amount { /*font-family: 'Raleway', sans-serif;*/ font-size: 65px; font-weight: 900; color: #ffffff; text-shadow: 1px 1px #000000; text-transform: uppercase; margin: 30px 0 0 0; } .countdown-period { /*font-family: 'Roboto Slab', serif;*/ font-size: 18px; line-height: 20px; font-weight: 300; color: #ffffff; text-shadow: 1px 1px #000000; clear: both; text-transform: uppercase; margin: 0 0 0 0; display: block; position: relative; overflow: hidden; } @media (max-width: 767px) { .countdown-amount { font-size: 33px; } .countdown-period { font-size: 13px; } } /* -------------------------------------------------------------------------- */ .form-background { background-color: #0d1d31; border-radius: 10px; padding: 10px; } .form-background .form-control { margin-bottom: 10px; } .form-header { background-color: #15B0F2; border-radius: 10px; margin-bottom: 20px; padding: 30px 20px 10px 20px; } .form-header .section-title { margin-bottom: 20px; } .text-holder { position: relative; padding: 30px 0; overflow: hidden; } .text-holder:before, .text-holder:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 5px; width: 100%; border-top: solid 1px #ffffff; border-bottom: solid 1px #ffffff; } .text-holder:after { top: auto; bottom: 0; } .btn-play { display: inline-block !important; padding: 0 !important; border: none!important; background-color: rgba(255, 255, 255, 0.3); width: 170px !important; height: 170px !important; border-radius: 50% !important; text-align: center; } .btn-play .fa { width: 145px; height: 145px; border-radius: 50%; font-size: 65px; line-height: 150px; margin-top: 12px; background-color: #ffffff; color: #15B0F2; } .btn-play:hover { border-color: #15B0F2; } .btn-play:hover .fa { background-color: #15B0F2; } .btn-play:hover .fa { color: #ffffff; } @media (max-height: 615px) { #main-slider .bootstrap-select > .selectpicker, #main-slider .form-control { border-radius: 10px; font-size: 13px; height: 40px; } } @media (max-width: 991px) { #main-slider .form-background { display: none !important; } } @media (max-width: 479px) { .btn-play { width: 90px !important; height: 90px !important; } .btn-play .fa { width: 80px; height: 80px; font-size: 50px; line-height: 80px; padding-left: 10px; margin-top: 4px; } } .slide3:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } #main-slider { max-height: 600px } /* 3.2 - Event description /* ========================================================================== */ .event-description { display: none; position: absolute; width: 100%; left: 0; bottom: 0; z-index: 11; bottom: 30px; } @media (max-width: 767px) { .event-description { position: relative; margin-top: 50px; } } @media (max-width: 1199px) and (min-width: 993px) { .event-background .media { box-shadow: -19px 14px 62px #333; min-height: 147px; } } .event-background { border-radius: 30px 30px 0 0; background-color: #0d1d31; padding-bottom: 10px; padding-top: 5px; } @media (max-width: 767px) { .event-background { border-radius: 30px 30px 30px 30px; padding-bottom: 15px; } } .event-description { font-size: 14px; font-weight: 700; line-height: 18px; text-align: left; color: #ffffff; z-index: 999; } .event-description a:hover, .event-description a:active, .event-description a:focus { color: #fff; } .event-description .media-heading { font-size: 14px; font-weight: 700; line-height: 25px; text-transform: uppercase; color: #ff0033; margin: 15px 0 0 0; } .event-description .media-body span { overflow: hidden; text-overflow: ellipsis; display: block; line-height: 22px; } .event-description .fa { margin-top: 15px; } .boxed .event-description > .container { padding-left: 0; padding-right: 0; } .boxed .event-background { border-radius: 0; } /* 3.3 - Image carousel / Owl carousel /* ========================================================================== */ .img-carousel .owl-controls { margin: 0 auto; } .img-carousel .owl-pagination { position: absolute; width: 100%; bottom: 0; } .img-carousel .owl-prev, .img-carousel .owl-next { position: absolute; padding: 5px !important; top: 50%; left: 10px; font-size: 20px; text-align: center; } .img-carousel .owl-next { left: auto; right: 10px; } .img-carousel .owl-prev .fa, .img-carousel .owl-next .fa { width: 20px; line-height: 20px; height: 20px; text-align: center; } .img-carousel .owl-controls .owl-page span, .img-carousel .owl-controls .owl-buttons div { background-color: #15B0F2; } .footer { background-color: #e1e1e1 !important; } /* 3.4 - Partners carousel / Owl carousel /* ========================================================================== */ .partners-carousel .owl-carousel div a { display: block; text-align: center; background-color: #e1e1e1b3 !important; border-radius: 10px; padding: 10px; } .partners-carousel .owl-carousel div a img { display: inline-block; max-width: 100%; } .partners-carousel .owl-carousel .owl-item img { width: auto; max-height: 92px; } .partners-carousel .owl-theme .owl-controls .owl-nav { position: absolute; right: 0; top: -93px; } .partners-carousel .owl-prev:hover, .partners-carousel .owl-next:hover { border-color: #fff!important; } .partners-carousel .owl-prev:hover .fa, .partners-carousel .owl-next:hover .fa { color: #fff!important; } @media (max-width: 767px) { .partners-carousel .owl-theme .owl-controls .owl-nav { position: inherit !important; margin-top: 30px; } } .partners-carousel .owl-theme .owl-controls .owl-nav [class*="owl-"] { background-color: transparent; border-radius: 0; margin: 0; padding: 0; line-height: 1; } .partners-carousel .owl-prev, .partners-carousel .owl-next { border: solid 1px #435469; border-radius: 10px !important; color: #435469; height: 50px; width: 50px; line-height: 50px; text-align: center; } .partners-carousel .owl-next { margin-left: 10px !important; } .partners-carousel .owl-prev .fa, .partners-carousel .owl-next .fa { color: #435469; font-size: 33px !important; line-height: 50px; } .partners-carousel .owl-prev:hover, .partners-carousel .owl-next:hover { border-color: #15B0F2; color: #15B0F2; } .partners-carousel .owl-prev:hover .fa, .partners-carousel .owl-next:hover .fa { color: #15B0F2; } /* 3.5 - Breadcrumbs /* ========================================================================== */ .page-section.breadcrumbs { padding-top: 0; padding-bottom: 0; background-color: #f9f9f9; } .breadcrumbs .breadcrumb { position: relative; } .breadcrumbs .breadcrumb:after { content: ''; position: absolute; display: block; height: 2px; width: 35px; left: 0; bottom: 0; background-color: #e1e1e1; } .breadcrumbs .breadcrumb { padding: 10px 0 3px 0; margin-bottom: 20px; font-size: 12px; line-height: 12px; background-color: transparent; } .breadcrumbs .breadcrumb li { margin-bottom: 10px; } /* 3.6 - Schedule /* ========================================================================== */ .schedule-wrapper { margin-top: 30px; border: solid 1px #435469; border-top: none; border-bottom-width: 10px; border-radius: 30px 30px 10px 10px; overflow: hidden; } .schedule-tabs.lv1 { background-color: #435469; color: #ffffff; } .schedule-tabs.lv2 { border: solid 1px #8598b0; border-top: none; background-color: #ffffff; } .tab-content.lv2 .tab-pane { padding: 30px 70px; } @media (max-width: 1024px) { .tab-content.lv2 .tab-pane { padding: 30px 50px; } } @media (max-width: 992px) { .tab-content.lv2 .tab-pane { padding: 30px 30px; } } @media (max-width: 767px) { .tab-content.lv2 .tab-pane { padding: 15px 15px; } } .schedule-wrapper .nav > li > a { /*font-family: 'Roboto', sans-serif;*/ font-weight: 300; } .schedule-wrapper .nav > li > a:hover, .schedule-wrapper .nav > li > a:focus { background-color: transparent; } .schedule-wrapper .schedule-tabs.lv1 .nav > li > a { min-height: 40px; color: #ffffff; } .schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before { content: ''; position: absolute; z-index: 1; top: 100%; right: 50%; width: 0; height: 0; margin-left: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #435469; } .schedule-wrapper .schedule-tabs.lv2 .nav > li > a { color: #293239; } .schedule-wrapper .schedule-tabs.lv2 .nav > li.active > a { color: #15B0F2; } .schedule-wrapper .schedule-tabs.lv2 .nav > li.active:before { content: ''; display: block; height: 2px; width: 100%; position: absolute; bottom: -1px; left: 0; background-color: #15B0F2; } /* 3.7 - FAQ /* ========================================================================== */ .row.faq .tab-content { font-size: 14px; line-height: 24px; border: solid 1px #435469; border-radius: 2px; background-color: #fdfdfd; padding: 30px 30px 10px 30px; position: relative; height: 465px; } @media (max-width: 767px) { .row.faq .tab-content { margin-top: 20px; border-radius: 0 0 10px 10px; } } @media (min-width: 768px) { .row.faq .nav li.active:before { content: ''; position: absolute; top: 15px; right: -31px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #435469; border-bottom: 10px solid transparent; z-index: 1; } .row.faq .nav li.active:after { content: ''; position: absolute; top: 15px; right: -32px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #fdfdfd; border-bottom: 10px solid transparent; z-index: 2; } } @media (max-width: 767px) { .row.faq > .pull-left, .row.faq > .pull-right { float: none !important; } } .row.faq .tab-content .fa { font-size: 18px; } .row.faq .nav li + li { margin-top: 20px; } .row.faq .nav li a { padding-top: 13px; padding-bottom: 13px; padding-left: 20px; border-radius: 10px; border: transparent!important; background-color: #fdfdfd; color: #374146; } .row.faq .nav li.active a, .row.faq .nav li a:hover { background-color: #15B0F2; border-color: #435469 !important; color: #ffffff; } .row.faq .nav li a .fa { width: 20px; text-align: center; margin-right: 15px; margin-top: 3px; float: left; } .row.faq .nav li a .faq-inner { display: block; overflow: hidden; font-weight: 500; } /* 3.8 - Blog / Post /* ========================================================================== */ .content .post-wrap { position: relative; } .content .post-wrap + .post-wrap { margin-top: 50px; position: relative; } .row.post-row .post-wrap { margin-top: 30px; } .post-header { margin-bottom: 20px; position: relative; } .post-title { color: #0d1d31; font-weight: lighter; margin-top: 0; } .post-title a { color: #0d1d31; line-height: 1; } .post-title a:hover { color: #15B0F2; } .post-header .post-meta { color: #15B0F2; line-height: 1; font-size: 17px; } .post-header .post-meta a, .post-header .post-meta .fa { color: #435469; } .post-header .post-meta a:hover { color: #15B0F2; } .post-header .social-line { margin-top: -2px; } .post-header .social-line li { padding-top: 2px; padding-right: 2px; } .post-header .social-line a { height: 20px; width: 20px; line-height: 20px; font-size: 14px; } .post-header .post-meta-author { display: block; margin-bottom: 20px; } .post-footer { margin-bottom: 10px; } .post-readmore { display: block; text-align: right; } .post-readmore .btn { font-size: 14px; padding: 12px 15px; border-color: #435469; color: #435469; } .post-readmore .btn:hover, .post-readmore .btn:focus { background-color: #435469; border-color: #435469; color: #ffffff; } .post-excerpt { font-size: 15px; line-height: 23px; } .post-excerpt p { margin-bottom: 0px; } .post-meta-author a { color: #464c4e; font-size: 14px; } .post-meta-author a:hover { color: #000000; } .post-media { margin-bottom: 20px; overflow: hidden; border-radius: 5px; max-height: 350px; background-size: cover; } .post-media img { max-width: 100%; width: 100%; } .post-type { position: absolute; top: 10px; right: 25px; width: 40px; height: 40px; background-color: rgba(255, 255, 255, 0.8); border-radius: 10px; text-align: center; line-height: 40px; } .content .post-type { right: 15px; top: 15px; } .post-content { text-align: justify; } footer.post-meta { margin-top: 40px; } footer.post-meta .post-tags { display: block; } footer.post-meta .post-categories { display: block; } #about { background: url("./images/bg_destacado.png") !important; color: #fff !important; } #about small, #about span { color: #FFF !important; } #about p { font-weight: 500 !important; } .post + .post { border-top: solid 1px #efefef; margin-top: 50px; padding-top: 50px; } .about-the-author { margin-top: 30px; padding-top: 30px; border-top: solid 1px #efefef; } .about-the-author .media-heading { color: #15B0F2; } .timeline .post-header { margin-bottom: 15px; } .timeline .media-body { padding: 15px 25px 25px 25px; background-color: #ffffff; border-radius: 10px; margin-bottom: 15px; box-shadow: 2px 2px 23px #ccc; -webkit-box-shadow: 2px 2px 23px #ccc; } .timeline .post-media { border: solid 8px #afb4ba; border-radius: 50%; } .timeline .post-media.pull-left { margin-right: 60px; } @media (max-width: 1024px) { .timeline .post-media.pull-left { margin-right: 30px; } } @media (max-width: 767px) { .timeline .post-media { float: none !important; width: 110px !important; margin-left: auto !important; margin-right: auto !important; } } .timeline .post-wrap + .post-wrap { margin-top: 30px; } .timeline .post-title { font-size: 26px; font-weight: 700; color: #15B0F2; border-bottom: none!important; padding-bottom: 0px; margin-bottom: 12px; } .timeline .post-title a { color: #15B0F2; } .timeline .post-title a:hover { color: #000000; } .timeline .post-meta { /*font-family: 'Roboto', sans-serif;*/ font-size: 16px; font-weight: 300; color: #293239; margin-bottom: 10px; } .timeline .post-meta a .fa { color: #15B0F2; margin-top: -8px; margin-left: 8px; } .timeline .post-meta a:hover .fa { color: #293239; } .timeline .post-meta .fa-stack { line-height: 32px; height: 32px; width: 32px; } .timeline .post-meta .fa-stack-2x { line-height: 32px; font-size: 32px; } .timeline .post-meta .fa-stack-1x { line-height: 32px; font-size: 16px; } .timeline .post-excerpt { line-height: 24px; } .timeline .post-readmore { color: #293239; text-align: left; } .timeline .post-readmore a { color: #293239; } .timeline .post-readmore a:hover { color: #15B0F2; } /* 3.9 - Comments /* ========================================================================== */ .comments { margin-top: 30px; padding-top: 30px; border-top: solid 1px #f5f5f5; } .comments > .comment:last-child .comment-reply { border: none; padding-bottom: 0; margin-bottom: 0; } @media (max-width: 479px) { .comment-avatar img { width: 24px; height: auto; } } .comment-meta { margin-bottom: 5px; } .comment-date { font-size: 11px; line-height: 11px; color: #b0afaf; } .comment-text { margin-bottom: 20px; } .comment-reply { font-size: 11px; line-height: 11px; margin-bottom: 20px; border-bottom: solid 1px #efefef; padding-bottom: 20px; } .comments-form { margin-top: 40px; padding-top: 40px; border-top: solid 1px #efefef; } .comments-form .block-title { color: #15B0F2 !important; } .comments-form > .block-title { margin-top: 0; margin-bottom: 30px; } /* 3.10 - Pagination / Pager /* ========================================================================== */ .pagination-wrapper { border-top: solid 1px #f5f5f5; text-align: center; } .pagination { margin: 0; } .pagination li span.current { background-color: #f5f5f5; color: #253239; border-radius: 5px !important; padding: 10px 20px !important; font-size: 20px !important; border: 2px solid #e1e1e1 !important; } .pagination li a:hover { background-color: #243D5C !important; } .pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 20px; /*background-color: transparent;*/ } .pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 5px; padding: 10px 20px; font-size: 20px; border: 2px solid #e1e1e1; margin: 0 10px 0 0; } .pagination > li > a, .pagination > li > span { border: none; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #15B0F2; color: #ffffff; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: #15B0F2; border-color: #15B0F2; } .pager { margin: 0; } .pager li > a, .pager li > span { border-radius: 0; } .sidebar .form-control { height: 40px; font-size: 14px; line-height: 40px; padding: 10px 12px; } /* Categories /* ========================================================================== */ .widget.categories li { line-height: 30px; } .widget.categories li + li { margin-top: 10px; } .widget.categories li a { display: block; padding: 6px 12px; background-color: #f5f5f5; color: #435469; border-radius: 8px; } .widget.categories li.active a, .widget.categories li a:hover { background-color: #15B0F2; color: #ffffff; } .widget.categories li a small { float: right; } /* flickr feed /* ========================================================================== */ .widget.flickr-feed ul { overflow: hidden; margin-left: -10px; margin-bottom: -10px; } .widget.flickr-feed li { float: left; margin: 0 0 10px 10px; } .widget.flickr-feed li a { display: block; border: solid 1px transparent; border-radius: 8px; overflow: hidden; } .widget.flickr-feed li a:hover { border-color: #15B0F2; } .widget.flickr-feed li a img { width: 78px; height: auto; } @media (max-width: 1199px) { .widget.flickr-feed li a img { width: 62px; } } @media (max-width: 991px) { .widget.flickr-feed li a img { width: 64px; } } @media (max-width: 767px) { .widget.flickr-feed li a img { width: 70px; } } /* Tag-cloud /* ========================================================================== */ .tagcloud { overflow: hidden; } .tagcloud a { float: left; margin: 0 10px 10px 0; } .tagcloud a { display: block; padding: 5px 10px; background-color: transparent; border-radius: 8px; border: solid 1px #435469; color: #435469; font-size: 14px!important; } .tagcloud a:hover { color: #ffffff; background-color: #15B0F2; border-color: #15B0F2; } /* 3.11 - Project / Portfolio /* ========================================================================== */ .project-details .dl-horizontal dt { text-align: left; } .project-details .dl-horizontal dt { color: #3c4547; width: 90px; } .project-details .dl-horizontal dd { position: relative; margin-left: 110px; } @media (max-width: 767px) { .project-details .dl-horizontal dt { float: left; } } /* 3.12 - Thumbnails / Features /* ========================================================================== */ .thumbnail { position: relative; background-color: transparent; border-radius: 0; margin: 0; } .thumbnail.hover, .thumbnail:hover { border: solid 1px #15B0F2; } .thumbnail.no-border, .thumbnail.no-border.hover, .thumbnail.no-border:hover { border: none; } .thumbnail.no-padding { padding: 0; } .row.thumbnails { margin-top: -30px; } .row.thumbnails .thumbnail { margin-top: 30px; } .row.thumbnails.no-padding { margin-top: 0; margin-left: 0; margin-right: 0; } .row.thumbnails.no-padding [class*='col-'] { padding: 0; } .row.thumbnails.no-padding .thumbnail { margin-top: 0; } /* Thumbnail Media/Image * -------------------------------------------------------------------------- */ .thumbnail .media { overflow: hidden; position: relative; } .thumbnail .media:after { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; /*background: url('../img/overlay-media.png') repeat 50% 50%;*/ } .thumbnail.hover .media:after, .thumbnail:hover .media:after { opacity: 0.1; } .thumbnail .media img { max-width: 100%; width: 100%; } .thumbnail.hover .media img, .thumbnail:hover .media img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); } /* fix animation bug */ .thumbnail .media.img-circle, .thumbnail.hover .media.img-circle, .thumbnail:hover .media.img-circle { -webkit-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; } /* Thumbnail caption * -------------------------------------------------------------------------- */ .thumbnail { border-radius: 10px; overflow: hidden; } .thumbnail .caption { padding: 20px 0 0 0; overflow: hidden; font-size: 14px; } .thumbnail .caption + .caption { padding-top: 10px; } .thumbnail .caption.no-padding-top { padding-top: 0; } .thumbnail .caption.no-padding-bottom { padding-bottom: 0; } .thumbnail .caption.hovered { position: absolute; top: 0; right: 0; left: 0; bottom: 0; height: 100%; width: 100%; text-align: center; overflow: hidden; padding: 15px; background-color: transparent; /*dc143c*/ background-color: rgba(220, 20, 60, 0.60); color: #ffffff; opacity: 0; z-index: 10; } .thumbnail.hover .caption.hovered, .thumbnail:hover .caption.hovered { opacity: 1; } .caption-wrapper { width: 100%; } /* Caption elements * -------------------------------------------------------------------------- */ .caption-title { font-size: 18px; font-weight: lighter; line-height: 24px; text-transform: uppercase; margin: 0 0 0 0; color: #0d1d31; } .hovered .caption-title { color: #ffffff; } .caption-buttons { margin-bottom: 0; } .caption-buttons .btn { /*background-color: #15B0F2;*/ color: #ffffff; font-size: 30px; } .caption-category { font-size: 14px; font-weight: 700; margin-bottom: 0; text-transform: uppercase; line-height: 14px; color: #15B0F2; } .caption-redmore { font-size: 12px; color: #c4334b; text-decoration: underline; } .caption-redmore:hover { color: #000000; } /* -------------------------------------------------------------------------- * Thumbnail type * -------------------------------------------------------------------------- */ /* Thumbnail transition * -------------------------------------------------------------------------- */ .thumbnail .media, .thumbnail .media:after, .thumbnail .media:before, .thumbnail.hover .media, .thumbnail:hover .media, .thumbnail.hover .media:after, .thumbnail:hover .media:after, .thumbnail.hover .media:before, .thumbnail:hover .media:before, .thumbnail .media img, .thumbnail.hover .media img, .thumbnail:hover .media img, .thumbnail .media .fa, .thumbnail.hover .media .fa, .thumbnail:hover .media .fa, .thumbnail .caption-title, .thumbnail.hover .caption-title, .thumbnail:hover .caption-title, .thumbnail .caption-zoom, .thumbnail.hover .caption-zoom, .thumbnail:hover .caption-zoom, .thumbnail .caption-link, .thumbnail.hover .caption-link, .thumbnail:hover .caption-link, .thumbnail .caption-category, .thumbnail.hover .caption-category, .thumbnail:hover .caption-category, .thumbnail .caption, .thumbnail.hover .caption, .thumbnail:hover .caption { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } /* 3.13 - Media / Testimonials /* ========================================================================== */ .testimonial .media-body { padding-right: 15px; } .testimonial .media-heading { font-weight: 700; color: #0d1d31; font-size: 16px; margin-bottom: 0; } .testimonials.owl-carousel .owl-item img { width: auto; } .testimonials.owl-theme .owl-dots .owl-dot span { height: 15px; width: 15px; } .color .testimonials.owl-theme .owl-dots .owl-dot span { background-color: #15B0F2; border: solid 2px #ffffff; } .color .testimonials.owl-theme .owl-dots .owl-dot.active span, .color .testimonials.owl-theme .owl-dots .owl-dot:hover span { background-color: #ffffff; } @media (min-width: 1024px) { .testimonials .owl-dots { position: absolute; top: -65px; right: 0; } } /* HEXAGONS */ .hex { position: relative; /*height: ;*/ /*width: 170px;*/ width: 165px; margin: 0 auto; } .hex .hex-inner { margin: 0 auto; height: 190px; width: 170px; text-align: center; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .hex-deg { overflow: hidden; width: 100%; height: 100%; -webkit-transform: rotate(120deg); -moz-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } .hex-deg .hex-deg { width: 100%; height: 100%; -webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg); -o-transform: rotate(-60deg); -ms-transform: rotate(-60deg); transform: rotate(-60deg); } .hex.testimonial-avatar { width: 100px; } .hex.testimonial-avatar .hex-inner { height: 115px; width: 100px; } /* 4 - Footer /* ========================================================================== */ .wide .footer-meta, .boxed .footer-meta > .container { padding: 30px 0px 10px 0px; background-color: #f5f5f5; color: #414650; font-size: 18px; background-color: #e1e1e1 !important; } /* 5 - Widgets / Shortcodes /* ========================================================================== */ .sidebar .widget > *:last-child { margin-bottom: 0; } .widget-title { position: relative; margin-bottom: 30px; margin-top: 0; font-size: 24px; } .sidebar .widget-title { color: #15B0F2; } .sidebar .widget-title .fa { font-size: 24px; margin-right: 10px; vertical-align: middle; } .footer .widget-title { color: #ffffff; } .widget-title small { display: block; margin-top: 4px; font-size: 12px; text-transform: none; } .sidebar .widget-title small { color: #999999; } .footer .widget-title small { color: #818181; } .widget-title:before { content: ''; position: absolute; bottom: 0; left: 0; height: 2px; width: 20px; background-color: #15B0F2; } .sidebar .widget-title:before { display: none; } /* 5.1 - prettyPhoto /* ========================================================================== */ div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content { background: transparent; } div.pp_overlay { height: 100% !important; width: 100% !important; display: block !important; opacity: 0.8 !important; } /* 5.2 - Contact form / af-form /* ========================================================================== */ #af-form .form-control { height: 60px; background-color: #ffffff; border-color: #ffffff; color: #ffffff; } #af-form .form-control:focus { border-color: #15B0F2; } #af-form .form-control, #af-form .form-control:focus, #af-form .form-control:hover { -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #af-form textarea.form-control { height: 180px; } #af-form .alert { margin-left: 15px; margin-right: 15px; padding: 10px 15px; border-color: #15B0F2; background-color: #15B0F2; color: #ffffff; } #af-form .tooltip { left: 15px !important; } #af-form .tooltip-inner { border-radius: 0; padding: 10px 20px; background-color: #000000; } #af-form .tooltip-arrow { border-top-color: #000000; } .form-button-reset { margin-left: 15px; color: #253239; background-color: #f5f5f5; border-color: #e8e8e8; } .form-button-reset:focus, .form-button-reset:hover { color: #ffffff; background-color: #999999; border-color: #999999; } #af-form > div:last-child .form-group:last-child { margin-bottom: 0; } .color #af-form .form-control { border-color: #ffffff; background-color: transparent; background-color: rgba(2, 2, 2, .2); } .color #af-form .form-control:focus { background-color: rgba(2, 2, 2, .5); } /* 5.3 - Social line /* ========================================================================= */ .social-line { margin: -15px 0 0 0; line-height: 33px; } .social-line li { padding: 20px 5px 15px 0; } .social-line a { display: block; width: 30px; height: 15px; line-height: 15px; background-color: #c3c3c3; color: #ffffff; text-align: center; position: relative; } .social-line a:before { content: ''; position: absolute; top: -10px; left: 0; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 10px solid #c3c3c3; } .social-line a:after { content: ''; position: absolute; bottom: -10px; left: 0; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 10px solid #c3c3c3; } .social-line a.twitter { background-color: #2daae1; } .social-line a.twitter:before { border-bottom-color: #2daae1; } .social-line a.twitter:after { border-top-color: #2daae1; } .social-line a.facebook { background-color: #3c5b9b; } .social-line a.facebook:before { border-bottom-color: #3c5b9b; } .social-line a.facebook:after { border-top-color: #3c5b9b; } .social-line a.google, .social-line a[title*='Google+'] { background-color: #f63f29; } .social-line a.google:before { border-bottom-color: #f63f29; } .social-line a.google:after { border-top-color: #f63f29; } .social-line a.flickr { background-color: #216BD4; } .social-line a.flickr:before { border-bottom-color: #216BD4; } .social-line a.flickr:after { border-top-color: #216BD4; } .social-line a.dribbble { background-color: #F46899; } .social-line a.dribbble:before { border-bottom-color: #F46899; } .social-line a.dribbble:after { border-top-color: #F46899; } .social-line a.linkedin { background-color: #0085AE; } .social-line a.linkedin:before { border-bottom-color: #0085AE; } .social-line a.linkedin:after { border-top-color: #0085AE; } .social-line a.forrst { background-color: #729A68; } .social-line a.forrst:before { border-bottom-color: #729A68; } .social-line a.forrst:after { border-top-color: #729A68; } .social-line a.tumblr { background-color: #2C4762; } .social-line a.tumblr:before { border-bottom-color: #2C4762; } .social-line a.tumblr:after { border-top-color: #2C4762; } .social-line a.instagram { background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); } .social-line a.instagram:hover { background: #1c68a1; } .social-line a.instagram:before { border-bottom-color: #517fa4; } .social-line a.instagram:after { border-top-color: #517fa4; } .social-line a.pinterest { background-color: #cb2027; } .social-line a.pinterest:before { border-bottom-color: #cb2027; } .social-line a.pinterest:after { border-top-color: #cb2027; } .social-line a.skype { background-color: #00aaf1; } .social-line a.skype:before { border-bottom-color: #00aaf1; } .social-line a.skype:after { border-top-color: #00aaf1; } .social-line a.vimeo { background-color: #5BC8FF; } .social-line a.vimeo:before { border-bottom-color: #5BC8FF; } .social-line a.vimeo:after { border-top-color: #5BC8FF; } .social-line a.youtube { background-color: #cb2027; } .social-line a.youtube:before { border-bottom-color: #cb2027; } .social-line a.youtube:after { border-top-color: #cb2027; } .social-line a:hover { background-color: #15B0F2; } .social-line a:hover:before { border-bottom-color: #15B0F2; } .social-line a:hover:after { border-top-color: #15B0F2; } .social-line a, .social-line a:hover { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .footer .social-line { margin: 0 0 20px 0; line-height: 70px; } .footer .social-line li { padding: 20px 5px 15px 0; } .footer .social-line a { width: 60px; height: 35px; line-height: 35px; font-size: 30px; } .footer .social-line a:before { top: -15px; border-left-width: 30px; border-right-width: 30px; border-bottom-width: 15px; } .footer .social-line a:after { bottom: -15px; border-left-width: 30px; border-right-width: 30px; border-top-width: 15px; } /* 5.4 - Price table /* ========================================================================== */ .row.price-tables { margin-top: -30px; overflow: hidden; } .price-table { text-align: center; margin: 30px auto 0 auto; border: solid 1px #0d1d31; border-radius: 10px; padding: 8px; } @media (max-width: 767px) { .price-table { max-width: 480px; } } .price-label { font-size: 24px; padding: 25px 15px; background-color: #f5f5f5; color: #475056; border-radius: 10px; } .price-label-title { margin: 0; color: #475056; font-weight: 700; text-transform: uppercase; } .price-value { font-size: 90px; font-weight: 200; padding: 20px 15px; color: #15B0F2; } .price-unit { font-size: 60px; } .price-table-row { color: #6d7a83; font-size: 18px; padding: 25px 15px; border-top: solid 1px #c5c7c9; } .price-table-row-bottom { border-top: solid 1px #c5c7c9; padding: 25px 15px; } .price-table.featured { border-color: #15B0F2; } .price-table.featured .price-number { font-weight: 700; } .price-table.featured { overflow: hidden; position: relative; } .price-table.featured:before { content: 'Best'; position: absolute; top: 15px; right: -65px; display: block; width: 200px; padding: 10px; text-transform: uppercase; background-color: #15B0F2; font-size: 15px; line-height: 15px; font-weight: 700; color: #ffffff; -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(45deg); /* IE 9 */ transform: rotate(45deg); } /* 5.5 - Google map /* ========================================================================== */ .google-map, #map-canvas { min-height: 390px; max-height: 390px; } @media (max-height: 600px) { .google-map, #map-canvas { min-height: 390px; max-height: 390px; } } @media (max-height: 400px) { .google-map, #map-canvas { min-height: 200px; max-height: 200px; } } .container.gmap-background { margin-top: 0; margin-bottom: 0; } .container.gmap-background .on-gmap { position: relative; z-index: 1; min-height: 200px; width: 350px; } @media (max-width: 767px) { .container.gmap-background .on-gmap { width: 290px; } } .container.gmap-background .google-map, .container.gmap-background #map-canvas { max-height: 100%; min-height: 100%; } .container.gmap-background .google-map { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .container.gmap-background #map-canvas { width: 100%; height: 100%; } .container.gmap-background .on-gmap { border-radius: 10px; padding: 55px 25px 45px 25px; line-height: 30px; } .container.gmap-background .on-gmap.color { background-color: #15B0F2; color: #fefefe; } /* 5.6 - Parallax /* ========================================================================== */ .parallax { position: relative; z-index: 1; } .parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 { color: #ffffff; } .parallax .block-title { margin-top: 0; margin-bottom: 20px; font-size: 90px; font-weight: bold; line-height: 1; text-transform: uppercase; } @media (max-width: 767px) { .parallax .block-title { font-size: 70px; } } .parallax .block-text { font-size: 24px; line-height: 1; color: #ffffff; opacity: 0.5; } .parallax .block-readmore { margin-top: 40px; margin-bottom: 40px; } .parallax-bg { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-repeat: repeat; z-index: 2; } @media (max-width: 991px) { .parallax-bg { background-size: cover !important; background-position: 50% 0 !important; } } .parallax-overlay { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; background-position: 50% 0; background-repeat: repeat; background-image: url("assets/img/overlay.png"); z-index: 3; } .parallax-inner { position: relative; color: #ffffff; z-index: 4; min-height: 200px; } /* 5.7 - Error page /* ========================================================================== */ .page-section.error-section { padding-top: 170px; } .error-number { display: block; font-size: 250px; font-weight: bold; line-height: 250px; text-align: center; color: #0d1d31; } @media (max-width: 480px) { .error-number { font-size: 150px; line-height: 200px; } } /* 5.8 - Back to top button /* ========================================================================== */ .to-top { z-index: 9999; width: 50px; height: 50px; border-radius: 85px; background: #243d5c!important; font-size: 25px; line-height: 50px; text-align: center; position: fixed; right: 21px; cursor: pointer; overflow: hidden; color: #fff !important; border: none!important; box-shadow: 1px 1px 20px #222; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .to-top:hover { background-color: #1c68a1 !important; } /* -------------------------------------------------------------------------- * 5.9 - Coming soon / Error page * -------------------------------------------------------------------------- */ .coming-soon .page-section > .container { width: 100%; } .coming-soon #main-slider { display: block; } .coming-soon .form-background { max-width: 400px; margin: 0 auto; } .error-page .page-section > .container { width: 100%; } .error-page .header { border-bottom: solid 1px #ffffff; } .error-page .header > .container { background-color: transparent !important; } .error-page .logo a, .error-page .logo a:hover { color: #ffffff; } .error-page .logo a .logo-hex, .error-page .logo a:hover .logo-hex { background-color: #ffffff; } .error-page .logo a .logo-fa, .error-page .logo a:hover .logo-fa { color: #15B0F2; } /* -------------------------------------------------------------------------- * 6 - Helper Classes * -------------------------------------------------------------------------- */ .btn-preview-light, .btn-preview-light:hover { width: 170px; border-width: 5px; border-color: #f5f5f5; background-color: #15B0F2; margin-right: 9px; } .btn-preview-dark, .btn-preview-dark:hover { width: 170px; border-width: 5px; border-color: #f5f5f5; background-color: #0d1d31; } @media (max-width: 400px) { .btn-preview-light { margin-right: 0 !important; } } @media (min-width: 480px) and (max-width: 767px) { .col-xsp-4, .col-xsp-6, .col-xsp-8 { float: left; } .col-xsp-4 { width: 33.33333333%; } .col-xsp-6 { width: 50%; } .col-xsp-8 { width: 66.66666667%; } .col-xsp-offset-3 { margin-left: 25%; } } @media (min-width: 992px) { .text-left-md { text-align: left; } .text-right-md { text-align: right; } .text-center-md { text-align: center; } } .text-uppercase { text-transform: uppercase; } .margin-top { margin-top: 50px; } .margin-bottom { margin-bottom: 50px; } .clear { clear: both; } .vhidden { visibility: hidden; } .visible { visibility: visible; } .overflowed { overflow: hidden; position: relative; } .vertical-align { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .animated { visibility: hidden; -webkit-animation-duration: .65s; animation-duration: .65s; } .animated .fa { visibility: hidden; } .animated .animated .fa { visibility: hidden; } @media (max-width: 991px) { .animated, .animated .animated, .animated .fa, .animated .animated .fa { /* Disable animation on small devices */ visibility: visible; -webkit-animation-name: animation-off; animation-name: animation-off; } } .vhidden { visibility: hidden; } .visible { visibility: visible; } .visible .fa { visibility: visible; } .visible .visible .fa { visibility: visible; } .inline-block { display: inline-block !important; } /* Remove firefox dotted line * -------------------------------------------------------------------------- */ a, a:active, a:focus, input, input:active, input:focus, button, button:active, button:focus, select, select:active, select:focus, .bootstrap-select .btn, .bootstrap-select .btn:active, .bootstrap-select .btn:focus { outline: 0 !important; } /* Remove webkit outline glow * -------------------------------------------------------------------------- */ input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } /* Dark version css * -------------------------------------------------------------------------- */ body.body-dark { /*background: #0c1629;*/ color: #eff6ff; } .body-dark #preloader { background: #0d1d31; } .body-dark .spinner:after { border: .90em solid rgb(13, 29, 49); } .body-dark.wide .page-section, .body-dark.boxed .page-section > .container { background: #0d1d31; color: #eff6ff; } .body-dark.wide .page-section.light, .body-dark.boxed .page-section.light > .container { background-color: #122135; color: #eff6ff; } .body-dark.wide .page-section.color, .body-dark.boxed .page-section.color > .container { background-color: #122135; color: #eff6ff; } .body-dark h1, h2, h3, h4, h5, h6 { color: #ffffff; } .body-dark .section-title { color: #ffffff; } .body-dark .section-title small { color: #435469; } .body-dark .section-title .fa-stack .fa { color: #ffffff; } .body-dark .color .section-title .fa-stack .fa { color: #ffffff; } .body-dark .section-title .rhex { background-color: #15B0F2; } .body-dark .color .section-title .rhex { background-color: #15B0F2; } .body-dark .color .btn-theme { color: #ffffff; background-color: #15B0F2; border-color: #15B0F2; } .body-dark .color .btn-theme:hover { background-color: #000000; border-color: #000000; color: #ffffff; } .body-dark .form-control { border-color: #435469; background-color: #1c2b3d; color: #eff6ff; } .body-dark .form-control:focus { border-color: #ea032d; } .body-dark .bootstrap-select > .selectpicker { border-color: #435469; background-color: #1c2b3d !important; color: #eff6ff !important; } .body-dark .bootstrap-select .dropdown-menu { background-color: #1c2b3d !important; } .body-dark .bootstrap-select .dropdown-menu > li > a { color: #eff6ff; } .body-dark .event-background { background-color: #15B0F2; } .body-dark .event-description .media-heading { color: #0d1d31; } .body-dark .timeline .media-body { background-color: #1e2c3f; } .body-dark .timeline .post-media { border-color: #556172; } .body-dark .timeline .post-meta, .body-dark .timeline .post-meta .fa { color: #ffffff !important; } .body-dark .timeline .post-readmore, .body-dark .timeline .post-readmore .fa { color: #435469; } .body-dark .partners-carousel .owl-carousel div a { background-color: #16263a; } .body-dark .testimonials.owl-theme .owl-dots .owl-dot span { background-color: #122135 !important; border: solid 2px #435469 !important; } .body-dark .testimonials.owl-theme .owl-dots .owl-dot.active span, .body-dark .testimonials.owl-theme .owl-dots .owl-dot:hover span { background-color: #435469 !important; } .body-dark .testimonials .media-heading { color: #435468; } .body-dark .thumbnail .caption { color: #435469; } .body-dark .caption-title { color: #eff6ff; } .body-dark .price-table { border-color: #435469; } .body-dark .price-table-row { color: #eff6ff; border-top-color: #1f2c3c; } .body-dark .price-table-row-bottom { border-top-color: #1f2c3c; } @media (min-width: 768px) { .body-dark .row.faq .nav li.active:before { content: ''; position: absolute; top: 15px; right: -31px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #435469; border-bottom: 10px solid transparent; z-index: 1; } .body-dark .row.faq .nav li.active:after { content: ''; position: absolute; top: 15px; right: -32px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 10px solid #102033; border-bottom: 10px solid transparent; z-index: 2; } } .body-dark .row.faq .tab-content { border-color: #435469; background-color: #102033; color: #ffffff; } .body-dark .row.faq .tab-content:before { border-right-color: #435469; } .body-dark .row.faq .tab-content:after { border-right-color: #102033; } .body-dark .row.faq .nav li a { border-color: #435469; background-color: #1c2b3d; color: #eff6ff; } .body-dark .post-title, .body-dark .post-title a { color: #ffffff; } .body-dark .post-header .post-meta { color: #ff4e00; } .body-dark .post-type .fa { color: #878c92; } .body-dark .container.gmap-background .on-gmap.color { background-color: #0d1d31; } .body-dark.wide .footer-meta, .body-dark.boxed .footer-meta > .container { background-color: #0d1d31; color: #435469; } .body-dark .pagination-wrapper { border-top: solid 1px #435469; } .body-dark .pagination > li > a { background-color: #435469; color: #f5f5f5; } .body-dark .pagination > li > a:hover, .body-dark .pagination > li > span:hover, .body-dark .pagination > li > a:focus, .body-dark .pagination > li > span:focus { background-color: #15B0F2; color: #ffffff; } .body-dark .pagination > .active > a, .body-dark .pagination > .active > span, .body-dark .pagination > .active > a:hover, .body-dark .pagination > .active > span:hover, .body-dark .pagination > .active > a:focus, .body-dark .pagination > .active > span:focus { background-color: #15B0F2; border-color: #15B0F2; } .body-dark .widget.categories li a { background-color: #435469; color: #f5f5f5; } .body-dark .widget.categories li.active a, .body-dark .widget.categories li a:hover { background-color: #15B0F2; color: #ffffff; } .body-dark .about-the-author { border-top: solid 1px #435469; } .body-dark .comments { border-top: solid 1px #435469; } .body-dark .comment-reply { border-bottom: solid 1px #435469; } .body-dark .comments-form { border-top: solid 1px #435469; } /* RTL /* ========================================================================== */ body.rtl { direction: rtl; } body.rtl #themeConfig { direction: ltr; } body.rtl .pull-left { float: right !important; } body.rtl .pull-right { float: left !important; } body.rtl .media > .pull-left { margin-right: 0; margin-left: 10px; } body.rtl .media > .pull-right { margin-left: 0; margin-right: 10px; } body.rtl .logo { float: right; } body.rtl .navigation { float: left; } body.rtl .sf-menu { margin-right: 0; margin-left: -1em; } body.rtl .sf-menu > li { float: right; } body.rtl .owl-carousel { direction: ltr; } body.rtl #main-slider .caption { direction: rtl; } body.rtl #main-slider .caption-text .btn:first-child { margin-right: 0; margin-left: 30px; } body.rtl .dropdown-menu { right: 0; left: auto; float: left; text-align: right; } body.rtl .event-background { text-align: right; } body.rtl .section-title .fa-stack { margin-right: 0; margin-left: 20px; } /*body.rtl .section-title .title-inner {display: inline-block;}*/ /*body.rtl .section-title .title-inner small {float: left; margin-right: 10px;}*/ body.rtl p.btn-row .btn { margin-right: 0; margin-left: 10px; } body.rtl .timeline .post-media.pull-left { margin-left: 60px; } body.rtl .timeline .post-media.pull-right { margin-right: 60px; } body.rtl .timeline .post-readmore { text-align: right; } body.rtl .section-title .title-inner { text-align: right; } body.rtl .color #af-form .form-control { text-align: right; } body.rtl .tagcloud a { float: right; } body.rtl .partners-carousel .owl-theme .owl-controls .owl-nav { right: auto; left: 0; } @media (min-width: 1024px) { body.rtl .testimonials .owl-dots { right: auto; left: 0; } } body.rtl .testimonial .media-body { padding-right: 0; padding-left: 15px; direction: rtl; } body.rtl ul { padding-right: 0; } body.rtl .social-line li { padding: 20px 0 15px 5px; } body.rtl .price-table.featured:before { right: auto; left: -65px; -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ -ms-transform: rotate(-45deg); /* IE 9 */ transform: rotate(-45deg); } body.rtl .bootstrap-select.btn-group .btn .filter-option { text-align: right; } body.rtl .bootstrap-select.btn-group .btn .caret { right: auto; left: 12px; } body.rtl .row.faq .nav li a .fa { float: right; margin-right: 0; margin-left: 15px; } @media (min-width: 768px) { body.rtl .row.faq .nav li.active:before { content: ''; position: absolute; top: 15px; right: auto; left: -31px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #435469; border-bottom: 10px solid transparent; z-index: 1; } body.rtl .row.faq .nav li.active:after { content: ''; position: absolute; top: 15px; right: auto; left: -32px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #fdfdfd; border-bottom: 10px solid transparent; z-index: 2; } body.rtl.body-dark .row.faq .nav li.active:before { content: ''; position: absolute; top: 15px; right: auto; left: -31px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #435469; border-bottom: 10px solid transparent; z-index: 1; } body.rtl.body-dark .row.faq .nav li.active:after { content: ''; position: absolute; top: 15px; right: auto; left: -32px; width: 0; height: 0; border-top: 10px solid transparent; border-right: none; border-left: 10px solid #102033; border-bottom: 10px solid transparent; z-index: 2; } } @media (max-width: 767px) { body.rtl .row.faq > .pull-left, body.rtl .row.faq > .pull-right { float: none !important; } } body.rtl .post-type { right: auto; left: 25px; } body.rtl .post-readmore { text-align: right; } body.rtl #af-form .tooltip, body.rtl .registration-form .tooltip { left: auto !important; right: 15px !important; } body.rtl .tag-cloud li { float: right; margin: 0 0 10px 10px; } body.rtl .widget.flickr-feed ul { margin-left: 0; margin-right: -10px; } body.rtl .widget.flickr-feed li { float: right; margin: 0 10px 10px 0; } body.rtl .pagination > li > a, body.rtl .pagination > li > span { float: right; } body.rtl .pagination > li > a { margin: 0 0 0 10px; } @media (max-width: 991px) { body.rtl .navigation.closed { right: auto; left: -250px; } body.rtl .navigation.opened { right: auto; left: 0; } body.rtl .navigation.closed .menu-toggle { right: auto; left: 15px; } body.rtl .navigation.opened .menu-toggle { right: auto; left: 15px; } } /* ********************************************************************************************* */ /** Fix For Themeforest with unit data ******************************************************/ /* Custom by ovatheme */ .js-video embed, .js-video iframe, .js-video object, .js-video video, .content-blog iframe { width: 100%; height: 480px; border: none; } .content-blog { overflow: hidden; } /* fix blog detail page */ .wp-caption { margin-bottom: 24px; } .wp-caption img[class*="wp-image-"] { display: block; margin: 0; } .comment-content img, .entry-content img, .entry-summary img, #site-header img, .widget img, .wp-caption { max-width: 100%; height: auto; } blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter { margin-top: 7px; margin-bottom: 7px; } .wp-caption-text { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-style: italic; line-height: 1.5; margin: 9px 0; padding-right: 10px; } .gallery-caption { width: 100%; } .bypostauthor { position: relative; } .alignright { margin: 7px 0 7px 24px; float: right; clear: right; } .alignleft { margin: 7px 24px 7px 0; float: left; clear: left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { color: #000; } p:empty { display: none; } .d-none { display: none !important; } /* /fix blog detail page */ /* Sidebar */ #sidebar #wp-calendar { width: 100%; } #sidebar #wp-calendar tr th { background: #ccc; color: #444; } #sidebar #wp-calendar caption { background: #ccc; color: #fff; font-weight: bold; padding: 10px 0px; } #sidebar #wp-calendar tr th, #sidebar #wp-calendar tr td { border: 1px solid #ccc; text-align: center; } #sidebar form#searchform { position: relative; } #sidebar select { width: 100%; height: 30PX; line-height: 30PX; } #sidebar img { width: auto; } #sidebar h3.widget-title img { width: auto; float: left; margin-top: 10px; margin-right: 10px; } .widget_search .screen-reader-text { display: none; } #sidebar .widget_search input.search-submit { border: none; padding: 3px 5px; display: none; } .widget_search label, .widget_search label input.search-field { width: 100%; } .widget_search label input.search-field { height: 40px; padding: 6px 12px; background-color: #f5f5f5; border-color: #f5f5f5; color: #8a929a; border-radius: 5px; border: 1px solid #f5f5f5; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; } /* /Sidebar */ /* Post sticky */ .sticky { background: #f3f3f3; padding: 10px; } /* /Post sticky */ /* Fix image over */ img { max-width: 100%; } /* /Fix image over */ /* Fix table */ table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; margin: 0 0 20px; width: 100%; } thead { display: table-header-group; vertical-align: middle; border-color: inherit; } tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } tr { display: table-row; vertical-align: inherit; border-color: inherit; } th { font-weight: bold; text-transform: uppercase; } td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } ol, ul { margin: 0; padding: 0 0 0 18px; } ul { list-style-type: square; } ul li { display: list-item; text-align: -webkit-match-parent; font-size: 16px; } ol { display: block; list-style-type: decimal; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 24px; margin-top: 0; } address { font-style: italic; margin: 0 0 24px; } cite, em, var, address, dfn { font-style: italic; } /* /Fix table */ /** /Fix For Themeforest with unit data ******************************************************/ /**********************************************************************************************/ .form-submit #submit { display: none; } .commentlists header.comment-author { display: inline-block; float: left; margin-right: 10px; } .comment_item .comment-details { margin-bottom: 20px; } .speaker .caption-title a { color: #fff; } .tooltip { top: -45px!important; } .list-paypal table tr, .list-paypal table tr td { border: 1px solid #ccc; } .register_tempalte_2 .margin-top { margin-top: 25px!important; } #main-slider.owl-carousel .owl-item { backface-visibility: visible; -webkit-backface-visibility: visible; } input.wpcf7-captchar { border-radius: 10px; border: 1px solid #ffffff; height: 40px; padding: 0px 10px; color: #aaa; } input.wpcf7-captchar:focus { border-color: #15b0f2; } img.wpcf7-captchac { height: 40px; margin: 0px 10px 0px 0px; border-radius: 10px; } .event_loading img { margin: 20px auto; width: 16px!important; } #commentform input.btn-theme { margin-bottom: 10px; } .widget_categories ul { list-style-type: none; padding-left: 0; margin-left: 0; } /* NUEVOS ESTILOS */ .schedule-wrapper { border: none!important; border-bottom-width: 10px; } .col-md-4 .post-media { max-height: 250px; } .vc_custom_1436861040600 { margin-bottom: 38px !important; } .schedule-tabs.lv2 { border: none!important; background-color: #ffffff; } .schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #15b0f2; } .schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before { border-top: 7px solid #15b0f2!important; } .schedule-wrapper { border: none; border-bottom-width: 10px; } .schedule-wrapper .more-link { display: none; } .tab-content.lv2 { background-color: #ddd; } .schedule-tabs.lv2 { border: none; background-color: #ffffff; } .timeline .post-media.pull-left { margin-right: 16px; border: 4px solid #fff; border-radius: 15px; width: 19%; height: 155px; margin-left: 10px; } .sub-page .timeline .post-media.pull-left { height: 140px; } .timeline .post-media img { height: 100%; } .timeline .post-wrap + .post-wrap { margin-top: 4px; } .timeline .post-readmore { color: #293239; display: none; } .color p { color: #fff; } .telefono_contacto h4 { font-size: 20px; font-weight: bold; color: #FFF; line-height: 50px; } .tipo_actividad_scheduler { font-weight: bold; text-transform: uppercase; font-size: 14px; background-color: #eee; width: 200px; text-align: center; border-radius: 10px; padding: 4px; margin-left: -37px; } .cookies-not-accepted header { position: absolute !important; } /*estilos para el slider*/ .slider_bilbao { background: url('./images/slider_bio.png')no-repeat left center #3e4865; height: 150px; padding-left: 135px; border-radius: 6px; } .slider_bilbao .media-heading { font-size: 32px; margin-top: 25px; margin-bottom: 15px; text-transform: none; color: #E42E22; } .slider_bilbao .media-body span { font-weight: normal!important; font-weight: 600; } .slider_bilbao .pull-left { color: #E42E22; } .slider_donosti { background: url('./images/slider_don.png')no-repeat left center #3e4865; height: 150px; padding-left: 135px; border-radius: 6px; } .slider_donosti .media-heading { font-size: 32px; margin-top: 25px; margin-bottom: 15px; text-transform: none; color: #15B0F2; } .slider_donosti .media-body span { font-weight: normal!important; font-weight: 600; } .slider_donosti .pull-left { color: #15B0F2; } .slider_vitoria { background: url('./images/slider_vit.png')no-repeat left center #3e4865; height: 150px; padding-left: 135px; border-radius: 6px; } .slider_vitoria .media-heading { font-size: 32px; margin-top: 25px; margin-bottom: 15px; text-transform: none; color: #8FDB3A; } .slider_vitoria .media-body span { font-weight: normal!important; font-weight: 600; } .slider_vitoria .pull-left { color: #8FDB3A; } .media>.pull-left { /* margin-right: 10px; */ position: absolute; right: 28px; bottom: 10px; } .pestanas_evento img { width: 989px!important; height: 86px!important; } .en_blanco { color: white!important; } .en_blanco small { color: white!important; } .slide3 .caption-text { display: none; } .slide3 img { max-height: 513px; max-width: 957px; margin-left: 7%; } .slide4 .caption-text { display: none; } section#register { overflow: visible !important; } .social-sharing { text-align: right; } /* Eventos */ /* bilbao */ .evento_sede_1 .post-title { color: #E30406!important; } .evento_sede_1 .btn-theme { background: #E30406 !important; border-color: #E30406 !important; padding: 15px 25px; } .evento_sede_1 .btn-theme:hover { background: #c00306 !important; border-color: #E30406 !important; } /* donostia */ .evento_sede_3 .post-title { color: #0088B7!important; } .evento_sede_3 .btn-theme:hover { background: #0088B7 !important; border-color: #0088B7 !important; padding: 15px 25px; } .evento_sede_3 .btn-theme { background: #00749b !important; border-color: #0088B7 !important; } /* gasteiz */ .evento_sede_2 .post-title { color: #3BAF29!important; } .evento_sede_2 .btn-theme { background: #3BAF29 !important; border-color: #3BAF29 !important; padding: 15px 25px; } .evento_sede_2 .btn-theme:hover { background: #2f8d20 !important; border-color: #3BAF29 !important; } /* estilos para widgets de sidebar */ /* Agenda */ /*en bilbao*/ .page-id-1523 .schedule-wrapper { border: medium none !important; margin-left: 20px; margin-right: 40px; margin-top: 40px; } .page-id-1521 .schedule-wrapper { border: medium none !important; margin-left: 20px; margin-right: 40px; margin-top: 40px; } .page-id-1523 .schedule-wrapper .tab-content.lv2 { background-color: #eee; } .page-id-1523 .schedule-wrapper .schedule-tabs.lv2 { border: none!important; } .page-id-1507 .schedule-wrapper { border: medium none !important; margin-left: 20px; margin-right: 40px; margin-top: 40px; } .page-id-1507 .schedule-wrapper .tab-content.lv2 { background-color: #eee; } .page-id-1507 .schedule-wrapper .schedule-tabs.lv2 { border: none!important; } /*boton inscripcion*/ .info_inscrip { background: none!important; border: 1px solid white; margin-right: 20px; color: #FFF!important; } .info_inscrip:hover { background: #435469!important; } .page-id-1507 section a { color: #E30406!important; font-weight: 600; font-size: 16px; } .page-id-1507 section a:hover { color: #940001!important; } .page-id-1507 .content-area > section:nth-child(even) h1 { color: #e30406!important; } .page-id-1523 section a { color: #0088B7 !important; font-weight: 600; font-size: 16px; } .page-id-1523 section a:hover { color: #005f80 !important; } .page-id-1521 section a { color: #3BAF29 !important; font-weight: 600; font-size: 16px; } .page-id-1521 section a:hover { color: #2e8a20 !important; } .page-id-1521 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #E30406; } .page-id-1521 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before { border-top: 7px solid #E30406!important; } .page-id-1521 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #3BAF29; } .page-id-1521 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before { border-top: 7px solid #3BAF29!important; } .page-id-1507 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #E30406; } .page-id-1507 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before { border-top: 7px solid #E30406!important; } .page-id-1507 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #E30406; } .page-id-1507 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before { border-top: 7px solid #E30406!important; } .page-id-1523 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #0088B7; } .page-id-1523 .schedule-wrapper .schedule-tabs.lv1 .nav > li.active:before { border-top: 7px solid #0088B7!important; } .page-id-1523 .tab-content.lv2 .tab-pane { padding: 30px 20px; } .page-id-1507 .tab-content.lv2 .tab-pane { padding: 30px 20px; } .page-id-1521 .tab-content.lv2 .tab-pane { padding: 30px 20px; } .page-id-1507 .post-date { color: #E30406!important; } .page-id-1523 .post-date { color: #0088B7!important; } .page-id-1521 .post-date { color: #3BAF29!important; } .page-id-1507 .schedule-tabs.lv2 .nav > li.active:before { background-color: #E30406!important; height: 3px; } .page-id-1523 .schedule-tabs.lv2 .nav > li.active:before { background-color: #0088B7!important; height: 3px; } .page-id-1521 .schedule-tabs.lv2 .nav > li.active:before { background-color: #3BAF29!important; height: 3px; } #tabs-lv1 a { color: #FFF!important; } #search-2 { margin-top: 20px; } .schedule-wrapper { border-radius: 10px; } .search h5 { font-size: 23px; font-weight: bold; } a.ss-button-facebook, a.ss-button-googleplus, a.ss-button-twitter, a.ss-button-linkedin, a.ss-button-pinterest, a.ss-button-xing { border-radius: 5px; } /*estilos para la presentacion del portatil */ @media (max-width: 1281px) { #main-slider .caption-subtitle, #main-slider .caption-subtitle strong { font-size: 25px; } .countdown-amount { font-size: 54px } #main-slider { padding-left: 50px; padding-right: 50px; margin-top: -20px; margin-bottom: 20px; } #main-slider.owl-theme .owl-controls .owl-nav .owl-next { right: 10px!important; } .countdown-wrapper { margin-top: 5px; } .slide3 img { max-height: 336px; max-width: 733px; margin-left: 14%; margin-top: 20px; } .btn-play .fa { width: 105px; height: 105px; border-radius: 50%; font-size: 48px; line-height: 105px; margin-top: 12px; background-color: #ffffff; color: #15B0F2; } .btn-play { display: inline-block !important; padding: 0 !important; border: none!important; background-color: rgba(255, 255, 255, 0.3); width: 130px !important; height: 130px !important; border-radius: 50% !important; text-align: center; } } /* push de redes sociales*/ #selector_idioma ul li { text-decoration: none; list-style: none; display: inline; } #selector_idioma ul .activo { font-weight: bold; } #redes_sociales { position: fixed; z-index: 93939393; right: -395px; top: 100px; color: white; text-align: right; transition: 0.5s ease; -webkit-transition: 0.5s ease; } #redes_sociales:hover { right: 0px; } .boton_despliega_redes { background: url('./images/fondo_redes_despliega.png'); color: white; padding: 10px; width: 140px; text-align: left; margin-bottom: 10px; float: left; margin-right: 20px; margin-top: 12px; padding-left: 27px; font-weight: bold; } .red_social { margin-bottom: 10px; margin-right: 10px; float: left; transition: 0.2s ease; -webkit-transition: 0.2s ease; cursor: pointer; } .red_social:hover { margin-top: -6px; } .slide2 .btn-play { display: none!important; } #main-slider .btn-play { display: none!important; } .music_play { display: none; } .post .title h1 { font-weight: bold; } .content-blog h2 { /* border-bottom: 1px dashed #243D5C; */ color: #243D5C; /* margin-bottom: 30px; */ margin-top: 2px; padding-bottom: 15px; font-size: 24px; font-weight: bold; } .content-blog p { font-size: 16px; line-height: 27px; } .post, .post-wrap { width: 99%; background: #fff; padding: 3rem; border-radius: 5px; margin-top: 18px !important; line-height: 35px; } /* estilos de formulario de reserva*/ .boton_reserva { text-align: center; font-size: 18px; border-radius: 10px; margin-left: 35%; margin-top: 15px; } .boton_reserva:hover { border-radius: 10px; } select { background: url('./images/select_arrow_bg.png')no-repeat center right #FFFFFF!important; -moz-appearance: none; } /*estilos para el detalle de eventos*/ .actividad_info { border: 2px solid #e1e1e1; margin-bottom: 27px !important; padding-bottom: 17px; padding-left: 2px; padding-top: 17px; background-color: #f1f1f1; color: #234163; border-radius: 5px; float: left; width: 100%; } .actividad_info span { color: #1c68a1; } .actividad_info span { font-weight: 600; } .evento_volver { text-align: right; margin-top: 9px; } .event_navigate { text-align: center; margin-top: 20px; } .col-md-6.event_navigate a { font-size: 16px; display: block; padding: 15px 0px; } .fuente_18 p { font-size: 18px; } /********* ajustes responsive **********/ .fa-navicon:before, .fa-reorder:before { content: "\f0c9"; color: #fff; } /*********** texto legal *************/ .texto_legal { font-size: 13px; text-align: left; } .social-line a.vimeo { background-image: url('./images/vimeo_icon.png')!important; background-repeat: no-repeat; background-position: center; } /********* selector agenda*********/ .texto_select_lugar { padding-left: 64px; font-style: italic; color: #aaa; } .texto_select_lugar span { color: #15b0f2; } .selector_agenda { background-color: #435469; color: white; border-radius: 14px; float: left; width: 100%; background-image: url('./images/agenda_icon.png')!important; background-repeat: no-repeat; background-position: 18px center; margin-bottom: 38px; /* margin-left: 2%;*/ margin-right: 0%; height: 64px; } .titulo_selector { float: left; font-weight: 500; font-size: 20px; padding-top: 20px; padding-left: 60px; padding-right: 28px; } .lugares_selector { float: left; } .lugares_selector li { list-style: none; display: inline; } .lugares_selector li a { padding-top: 20px; padding-bottom: 18px; float: left; font-size: 20px; padding-top: 20px; padding-left: 30px; padding-right: 30px; color: white; } .lugares_selector li a:hover { background: #667485; padding-bottom: 18px; } .lugares_selector li .active:hover { background: #15b0f2; background-image: url('./images/location_checked_icon.png')!important; background-position: bottom center; background-repeat: no-repeat; padding-bottom: 34px; } .lugares_selector li .active { background: #15b0f2; background-repeat: no-repeat; background-position: 18px center; background-image: url('./images/location_checked_icon.png')!important; background-position: bottom center; padding-bottom: 34px; font-weight: bold; } .caja_evento { margin-top: 15px; } .ir_detalle_evento { background-color: #15b0f2; color: white; padding: 9px; border-radius: 5px; text-transform: uppercase; font-size: 13px; font-weight: bold; } .page-id-1521 .ir_detalle_evento { background-color: #3BAF29; color: white!important; } .page-id-1523 .ir_detalle_evento { background-color: #0088B7; color: white!important; } .page-id-1507 .ir_detalle_evento { background-color: #E30406; color: white!important; } .lugares .lugares_selector li .active:before { content: "\f0c9"; color: red; } .post-categoria { margin-bottom: 10px; font-weight: bold; margin-top: -10px; } .socials_footer { margin-bottom: 25px; } .socials_footer li { padding: 0px; margin: 0px 5px 0px 5px; } .socials_footer li:hover { background: #0000000f; border-radius: 20px; } /***** eliminar el formulario de la página de resultados de eventos page-id-952 */ .page-id-952 form { display: none; } .page-id-952 li h4 { font-size: 22px; font-weight: bold; } .page-id-952 .search li { display: list-item; text-align: -webkit-match-parent; border-bottom: 1px dotted #ccc; margin-bottom: 24px; list-style: none; } .page-id-952 h3 { border-bottom: 1px dotted #ccc; padding-bottom: 10px; margin-bottom: 20px; } .qtranxs_language_chooser a { color: #162538; } .qtranxs_language_chooser .active { font-weight: bold; } .qtranxs_text_es { color: #162538; border-right: 1px solid #162538; padding-right: 10px; } .page-id-902 h2 { margin-top: 0; margin-bottom: 20px; color: #15b0f2; font-weight: bold; } .lista_turnos { background-color: #f1f1f1; border-radius: 10px; margin-top: 20px; border: 2px solid #d0d0d0; } .lista_turnos h3 { margin-bottom: 10px; border-bottom: 2px dashed #b1b1b1; padding-bottom: 20px; } .lista_turnos h4 { padding-top: 11px; font-weight: bold; padding-left: 18px; margin-bottom: 15px !important; padding-bottom: 0px; } .turnos { margin-bottom: 20px; border-bottom: 2px dashed #b1b1b1; padding-bottom: 10px; } .turnos li { list-style: none; padding: 7px 28px; margin-bottom: 8px; width: 95%; } .turnos h4 { color: #15B0F2; font-size: 20px; font-weight: bold; } .timeline .post-excerpt { line-height: 24px; font-size: 14px; margin-bottom: 23px; } .before-media .caption-category { color: #243D5C !important; text-transform: lowercase; opacity: 0.8; font-size: 17px !important; margin-top: 3px; padding: 3px 0px; } .thumbnail .caption > p { color: #ffffff; line-height: 17px; font-size: 13px; font-weight: normal; } .tipos_de_eventos .thumbnail .caption { padding: 9px; color: #fff; line-height: 22px; } .separa_boton_sup { margin-top: 30px!important; } #myModal { z-index: 9999999; } .modal-dialog { margin-top: 60px !important; } .modal-body p, .modal-body li { font-size: 12px; margin: 5px 0px; } .legal-subtitle { font-weight: bold; font-size: 13px; text-decoration: underline; padding: 5px 0px 2px 0px; } .modal-body a { font-size: 12px; font-weight: bold; } .rgpd-table, .rgpd-table th, .rgpd-table td { border: 1px solid #DDD; text-align: left; font-size: 10px; padding: 2px; margin: 20px 0px; } .rgpd-table .rgpd-th-first { background-color: #1b94c5; color: #ffffff; } .rgpd-table .rgpd-th-right { font-weight: normal; } .noover .caption.hovered { background-color: transparent!important; } .noover .caption.hovered i.fa-link { display: none; } .laguntzaileak-div { margin-top: 50px; } .laguntzaileak-div img { max-width: 250px; border: solid 3px #adadad; border-radius: 10px; margin-bottom: 20px; } .evento_sede_1 h3.laguntzaileak { color: #E30406; } .evento_sede_2 h3.laguntzaileak { color: #3BAF29; } .evento_sede_3 h3.laguntzaileak { color: #0088B7; } /***** AGENDA *****/ /* bilbao */ .sede_1.schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #E30406; } .sede_1.schedule-wrapper .schedule-tabs.lv1 .nav > li.active::before { border-top-color: #E30406 !important; } .sede_1.schedule-wrapper .schedule-tabs.lv2 .nav > li.active > a { color: #E30406; } .sede_1 .timeline .post-title a { color: #E30406; } /* gazteiz */ .sede_2.schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #3BAF29; } .sede_2.schedule-wrapper .schedule-tabs.lv1 .nav > li.active::before { border-top-color: #3BAF29 !important; } .sede_2.schedule-wrapper .schedule-tabs.lv2 .nav > li.active > a { color: #3BAF29; } .sede_2 .timeline .post-title a { color: #3BAF29; } .sede_2 .schedule-tabs.lv2 .nav > li.active::before { background-color: #3BAF29 !important; } /* donostia */ .sede_3.schedule-wrapper .schedule-tabs.lv1 .nav > li.active > a { background-color: #0088B7; } .sede_3.schedule-wrapper .schedule-tabs.lv1 .nav > li.active::before { border-top-color: #0088B7 !important; } .sede_3.schedule-wrapper .schedule-tabs.lv2 .nav > li.active > a { color: #0088B7; } .sede_3 .timeline .post-title a { color: #0088B7; } .sede_3 .schedule-tabs.lv2 .nav > li.active::before { background-color: #0088B7 !important; } #cabecera { display: none; } .vc_separator h4 { text-align: center; } /**/ /***===============================****/ /** BORRAR CON LA TERCERA NOTICIA **/ /***===============================****/ .vc_custom_1428393256864 .wpb_wrapper .col-md-4 { width: 50% !important; } /*==========================*/ /* JON: Encuestas */ /*==========================*/ .quiz h1 { display: none; } .quiz ul { list-style: none; } .quiz .wpst_question { margin-top: 4%; margin-bottom: 2%; } .quiz table, .quiz textarea { margin-top: 2%; } .quiz input[type=radio] { margin-left: 3%; } .quiz .wpsqt_likert_answer { margin-top: 3%; } .quiz li.form-group label { font-weight: 400; margin-left: 3%; } .quiz .wpsqt_multiple_question { margin-top: 3%; margin-bottom: 2%; } /*==========================*/ /* MEDIA QUERIES */ /*==========================*/ @media (max-width: 1200px) and (min-width: 992px) { .current-menu-item#menu-item-19447 > a, .current-menu-item#menu-item-1699 > a { border-radius: 5px; } .sf-menu.nav > li > a, .sf-menu a { padding: 0px 10px 0px 10px !important; font-size: 12px !important; margin-top: 10px; } ul.sub-menu { background: #2a476b; padding-bottom:10px; } #menu-subpage-menu.sf-menu.nav > li > a, #menu-subpage-menu.sf-menu a { padding: 10px 10px 6px !important; font-size: 12px !important; margin-top: 0px; } } @media (min-width: 800px) and (max-width:991px) { .container { width: 800px; } } .bertsozientzia-img div { width: 45%; display: inline-block; border: 5px solid #d8d8d8; border-radius: 5px; margin: 30px 15px 20px 15px; text-align: center; } @media (max-width:991px) { .titulo_selector { padding-right: 0; } .lugares_selector li a { padding-left: 10px; padding-right: 10px; } .vc_custom_1428393256864 .wpb_wrapper .col-md-4 { width: 100% !important; } .bertsozientzia-img div { width: 100%; margin: 20px 0px; } } @media (max-width: 720px) { #control-modal, .modal-backdrop { display: block !important; } #ehu-event-modal .modal-dialog { width: 95%; } } @media (max-width:767px) { #main-slider .btn-theme { display: block; width: 200px; margin-top: 15px; margin-left: auto; margin-right: auto; padding: 8px 20px; font-size: 13px; } .lugares_selector li .active, .lugares_selector li .active:hover { background-image: none !important; } .titulo_selector { padding-bottom: 20px; float: none; } .selector_agenda { background-position: 18px 10px; height: auto; } .lugares_selector { float: none; padding: 0; } .lugares_selector li { display: block; } .lugares_selector li a { float: none; padding: 10px !important; display: block; } .page-section .vc_custom_1417508840067 .margin-top { margin-top: 10px; } .btn-theme-transparent-grey.pull-right { float: none !important; } #redes_sociales { display: none; } } @media (max-width:639px) { #cabecera { display: block; } #cabecera img { margin-top: 100px; } } @media (max-width:480px) { ul.socials_footer li { padding: 0 !important; } ul.socials_footer img { width: 50px; } input.wpcf7-captchar { width: 70%; } .col-md-6.event_navigate a { font-size: 13px; padding: 10px; } } .custom_video_section { margin-bottom: 0px!important; padding-bottom: 60px; padding-top: 40px; } .wpb_video_widget .wpb_wrapper iframe { border: none!important } /************ ESTILOS ZONA MULTIMEDIA *********/ .bwg_album_extended_div_0, .bwg_album_extended_div_1 { width: 46%!important; margin-right: 1%!important; margin-left: 1%!important; border: none!important; float: left!important; background: transparent!important; margin-bottom: 12px !important; } .bwg_album_extended_text_div_0, .bwg_album_extended_text_div_1 { border: none!important; vertical-align: top!important; background: transparent!important } .bwg_album_extended_thumb_div_0, .bwg_album_extended_thumb_div_1 { background-color: #FFFFFF; border-radius: 0; text-align: center; border: 1px solid #E8E8E8; display: table-cell; vertical-align: top!important; padding: 3px; box-shadow: 1px 1px 25px #ddd; transition: .2s ease; } .bwg_album_extended_thumb_div_0:hover, .bwg_album_extended_thumb_div_1:hover { transform: rotate(-5deg) scale(1.2)!important; } .bwg_album_thumb_spun1_0:hover, .bwg_album_thumb_spun1_1:hover { transform: scale(1.0)!important; -webkit-transform: scale(1.0)!important; } .bwg_back_0, .bwg_back_1, .bwg_back_2 { background-color: #1c68a1 !important; color: #fff !important; cursor: pointer; display: block; font-family: inherit!important; font-size: 17px!important; font-weight: bold; text-decoration: none; padding: 12px!important; margin-bottom: 10px; width: 200px!important; float: right!important; text-align: center!important; border-radius: 5px!important; margin-top: -32px; margin-right: 17px; } .bwg_back_0:hover, .bwg_back_1:hover, .bwg_back_2:hover { background-color: #435469 !important; color: white !important; } #gal_front_form_0, #gal_front_form_1 { margin-bottom: 30px; } .bwg_ctrl_btn_container { height: 50px !important; } .titulo_galeria { text-align: left; font-weight: bold; color: #000; padding-top: 6px; width: 70% } .descripcion_galeria { text-align: left; color: #000; padding-top: 11px; font-size: 14px; width: 70%; } .cabecera_galeria { border: none; padding: 15px; background: #efefef; margin-left: 4px; margin-right: 3px; margin-bottom: 3px; min-height: 95px; } #spider_popup_wrap .fa, div[id^="bwg_container"] .fa, #bwg_rotate_image .fa { font-size: 32px; } .spider_popup_close { background-color: #1c68a1b5 !important; border-radius: 27% !important; height: 35px !important; font-size: 11px !important; right: -40px !important; top: 0px !important; width: 33px !important; color: #fff !important; } #bwg_container2_0 { float: left; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun2_0 { display: inline-block; height: 180px; overflow: hidden; width: 220px; -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: .3s ease; } #bwg_container1_0 #bwg_container2_0 .bwg_standart_thumb_spun2_0:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); transform: scale(1.2)!important; } /*********** ESTILOS DE AUTOMATIZACIÓN DE MODULOS **********/ .wide .page-section.color, .boxednew .page-section.color { background-color: inherit; color: #ffffff; } .content-area > section:nth-child(even) .btn-theme { color: #1c68a1; background-color: #fff; border-color: #fff; } .content-area > section:nth-child(even) .btn-theme:hover { background-color: #435469; border-color: #435469; color: #ffffff; } .content-area > section:nth-child(even) h2 a { color: #FFF!important } .content-area > section:nth-child(even) h1 small { color: #FFF!important } .content-area > section:nth-child(even) .wohex { background-color: #FFF!important; } .content-area > section:nth-child(even) .section-title .fa-stack .fa { color: #1c68a1 !important; } .fa.wohex.fa-stack-2x { background-color: #1c68a1 !important;; } .content-area > section:nth-child(2) h1 small { color: #FFF!important } .single.single-schedule .content-area > section section { background: #fff; padding: 20px; border-radius: 5px; margin-top: 18px !important; } .single-schedule .content .post-wrap { padding: 0px; } .content-area > section:nth-child(even) .post-header .post-meta { color: #fff; } /************* NUEVOS ESTILOS PARA EL DISEÑO DE LA CABECERA *******/ .nav_ribbon { width: 110%; margin-left: -5%; float: left; } .rib-left { background: url("./images/rib_left.png") no-repeat right center; width: 4%; height: 56px; float: left; } .rib-right { background: url("./images/rib_right.png") no-repeat left center; width: 4%; height: 56px; float: right; } .rib-shadow { background: url("./images/rib_shadow.png") no-repeat; width: 100%; height: 24px; float: left; background-size: 100%; } .rib-logo { background: url("./images/rib-logo.png") no-repeat; width: 245px; height: 30px; float: left; margin-top: 11px; margin-left: 15px; } .opened .rib-logo { width: 80%; background-size: contain; display:none; } #menu-one-page-menu, #menu-principal { float: right; margin-top: 9px; } #main-slider .caption-subtitle { color: #253F5E!important; text-shadow: none!important; } #main-slider .caption-title { color: #253F5E!important; text-shadow: none!important; } .header_socials { width: 23%; float: right; } .header_reservas { width: 10%; float: right; background: #1c68a1; color: #FFF; text-align: center; font-size: 12px; font-weight: bold; padding: 4px; border-radius: 4px; margin-right: 10px; margin-top: 3px; height: 71px; text-transform: uppercase; line-height: 15px; display: flex; justify-content: center; align-items: center; letter-spacing: 1px; } @media (min-width:575px){ .header_reservas-mobile{display:none;} } .header_reservas-mobile a { background: #0e2b40; display: block; color: white; clear: both; margin: 0; padding: 15px; width: 100%; border-bottom: 1px solid #ffffff40; font-weight: bold; } .header_reservas-mobile.btn_res { margin-top: 28px; } @media (max-widht:550px){ ul#menu-principal { padding-left: 0!important; margin-top: 0; padding-top: 10px; } } .header_reservas.btn_res { margin-right: 0px; } .shrink .rib-logo { display: none; } .shrink .header_reservas { width: 100px; margin-top: 7px; } #selector_idioma { width: 8%; float: right; margin-top: 6px; text-align: right; } .shrink #selector_idioma { width: 100px; float: right; margin-top: 6px; margin-right: 30px; } .shrink #selector_idioma .qtranxs_language_chooser a { color: #fff; border-color: #fff; } .shrink .navigation { background: inherit; } .shrink .opened { background: #243D5C; } @media (max-width:570px) { #ehu-event-modal h2.modal-title { font-size: 17px; font-weight: bold; } #ehu-event-modal h4.card-text { font-size: 15px; } .logo { width: 60%; } } /****** header socials ********/ .shrink .rib-right { display: none; } .shrink .rib-left { display: none; } .shrink .rib-shadow { display: none; } .social_fb { width: 28px; height: 28px; background: url("./images/head_fb.png") no-repeat; float: left; margin-left: 7%; background-size:contain; } .social_tw { width: 28px; height: 28px; background: url("./images/head_tw.png") no-repeat; float: left; margin-left: 7%; background-size:contain; } .social_vm { width: 28px; height: 28px; background: url("./images/head_vm.png") no-repeat; float: left; margin-left: 7%; background-size:contain; } .social_in { width: 28px; height: 28px; background: url("./images/head_in.png") no-repeat; background-size:contain; float: left; margin-left: 7%; } .social_yt { width: 28px; height: 28px; background: url("./images/head_yt.png") no-repeat; float: left; margin-left: 7%; background-size:contain; } /*.shrink .header_socials{display:none;}*/ .shrink .social_fb { background: url("./images/head_fb_white.png") no-repeat; background-size: 100%; width: 20px; height: 20px; margin-top: 10px; } .shrink .social_tw { background: url("./images/head_tw_white.png") no-repeat; background-size: 100%; width: 20px; height: 20px; margin-top: 10px; } .shrink .social_vm { background: url("./images/head_vm_white.png") no-repeat; background-size: 100%; width: 20px; height: 20px; margin-top: 10px; } .shrink .social_in { background: url("./images/head_in_white.png") no-repeat; background-size: 100%; width: 20px; height: 20px; margin-top: 10px; } .shrink .social_yt { background: url("./images/head_yt_white.png") no-repeat; background-size: 100%; width: 20px; height: 20px; margin-top: 10px; } .shrink .header_socials { width: 18%; } @media (max-width:440px) { .shrink .header_socials { display: none; } } /**** cajas de eventos ****/ .event-background { background: none!important; } .event-description .media-heading { font-size: 17px; margin-bottom: 2px; margin-top: 18px; text-transform: uppercase; } .event-background .media { box-shadow: -19px 14px 62px #333; } .blog .post-media { overflow: hidden; border-radius: 10px; width: 20%; float: left; margin-right: 2%; } .blog article { border: 1px solid #ccc; width: 47%; float: left; margin: 10px; padding: 20px; max-height: 300px; overflow: hidden; } .blog .content .post-wrap + .post-wrap { margin-top: 30px; position: relative; } .blog article p { margin-bottom: 20px; margin-left: 22%; } .text-holder:before, .text-holder:after { border-top: solid 1px transparent; border-bottom: solid 1px transparent; } .owl-carousel .owl-item img { display: block; width: 100%; height: inherit; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; } #menu-subpage-menu, #menu-one-page-menu, #menu-principal { float: right; margin-top: 11px; margin-right: 10px; } #bwg_container2_0 { float: left; width: 100%; } /* mediaqueries galeria fotos */ @media (max-width:1200px) { .bwg_album_extended_div_0, .bwg_album_extended_div_1 { display: block!important; } } @media (max-width:992px) { .bwg_album_extended_div_0, .bwg_album_extended_div_1 { width: 90%!important; } .page-section.with-sidebar { padding-top: 65px!important; margin-bottom: 30px; } #cabecera { display: none; } .event-description { position: relative; } .slider_instead { display: block; height: 300px; background: url(images/slider_off.png) no-repeat; background-size: cover; background-position: center; margin-top: 66px; } [lang=eu] .slider_instead { background-image: url(images/slider_off_eus.png); } .slider_bilbao, .slider_donosti, .slider_vitoria, .slider_barakaldo { margin-bottom: 20px; } #main-slider { display: none; } } @media (max-width:575px) { .event-description .media-heading { font-size: 14px; line-height: 14px; } .event-description .media-body span { overflow: hidden; text-overflow: ellipsis; display: block; line-height: 19px; font-size: 13px; padding-right: 20px; } .titulo_galeria { text-align: left; font-weight: bold; color: #000; padding-top: 2px; width: 95%; } .bwg_back_0, .bwg_back_1 { background-color: #15b0f2!important; color: #fff!important; cursor: pointer; display: block; font-family: inherit!important; font-size: 17px!important; font-weight: bold; text-decoration: none; padding: 12px!important; margin-bottom: 10px; width: 70%!important; float: left!important; text-align: center!important; border-radius: 5px!important; margin-top: 20px; margin-right: auto; margin-left: 15%; } .descripcion_galeria { text-align: left; color: #000; padding-top: 11px; font-size: 14px; width: 95%; } .header_reservas { display: none!important; } #bwg_container1_0 #bwg_container2_0 .bwg_album_extended_div_0 { height: auto!important } .bwg_album_extended_div_1 { height: auto!important } #bwg_container1_0 #bwg_container2_0 .bwg_album_extended_text_div_0 { display: block!important; } .bwg_album_extended_text_div_1 { display: block!important; } } @media (max-width: 700px) { .header_socials { display: none; } } @media (min-width:640px) and (max-width:991px) { .event-description .row > div { width: 80%; margin-left: 10%; } .slider_instead { display: block; height: 435px; } .event-description .media-heading { font-size: 26px; margin-bottom: 6px; margin-top: 22px; text-transform: uppercase; } .event-description .media-body span { overflow: hidden; text-overflow: ellipsis; display: block; line-height: 22px; font-size: 15px; margin-top: 10px; } } @media (min-width:992px) { .shrink .header-wrapper { background-image: url('./images/logo_home.png'); background-repeat: no-repeat; padding-top: 5px; background-size: 270px; background-position: left; } .anchor_class { position: relative;top: -125px; } } @media (min-width:767px) and (max-width:991px) { .media>.pull-left { bottom: 32px; } .anchor_class { position: relative;top: -50px; } } .sub-page .slider_instead { display: none; } .header_reservas a { color: #FFF; cursor: pointer; } .header_reservas:hover { background: #7295c0; } /* login form reservas */ form#loginform { margin-top: 40px; text-align: center; } #loginform label { width: 210px; text-align: right; margin-right: 15px; } .login-submit input { background: #15b0f2; color: #FFF; font-weight: bold; border: none; padding: 10px 45px; border-radius: 5px; transition: .3s ease; } .login-submit input:hover { background-color: #435469; border-color: #435469; color: #ffffff; } .login-username input { font-family: inherit; font-size: inherit; line-height: inherit; border-radius: 10px; border: 1px solid #ccc; padding: 10px 20px; width: 40%; } .login-password input { font-family: inherit; font-size: inherit; line-height: inherit; border-radius: 10px; border: 1px solid #ccc; padding: 10px 20px; width: 40%; } .gestion-reservas table { border-bottom: 1px solid #ededed; border-collapse: collapse; border-spacing: 0; font-size: 13px; line-height: 3; margin: 0 0 20px; width: 100%; } .gestion-reservas table th { background-color: #2a466a!important; color: #FFF; text-align: center; padding: 5px; line-height: 20px; } .gestion-reservas table td { border-top: 1px solid #ededed; padding: 28px 9px; text-align: center; line-height: 20px; } .gestion-reservas table td:first-child { font-weight: bold; color: #2b466a; } .gestion-reservas table a { background: #15b0f2; color: #FFF; padding: 4px 8px; margin-right: 10px; margin-left: 10px; border-radius: 3px; font-weight: bold; } .gestion-reservas table a:hover { background: #168ec2; } .gestion-reservas table .eliminar_reserva, .gestion-reservas table .eliminar_reserva_stand { background: #da8585; padding: 4px 8px; color: #FFF; border-radius: 3px; font-weight: bold; cursor: pointer; } .gestion-reservas table .eliminar_reserva:hover, .gestion-reservas table .eliminar_reserva_stand:hover { background: #c93f3f; } .close.close-modal { font-size: 30px; } .logout-button { position: absolute; top: 28px; right: 30px; background-color: #555; padding: 2px 25px; border-radius: 3px; text-transform: capitalize; font-weight: bold; } .logout-button:hover { background-color: #666; color: #ffffff; } .logout-button a, .logout-button a:hover { color: #fff; } .page-template-search_results-php .content-area section { background: #fff!important; color: #fff!important; } .bilbao_stands { padding: 0!important; } .bilbao_stands li { list-style: none; float: left; width: 48%; background: #f1f1f1; padding: 14px 18px; font-size: 15px; font-weight: 500; margin-bottom: 6px; margin-right: 6px; transition: .3s ease; border-radius: 5px; } @media (max-width:580px) { .bilbao_stands li { list-style: none; float: left; width: 100%!important; } .anchor_class { position: relative;top: -65px; } .login-password input,.login-username input { width: 80%; } #loginform label { text-align: center; } } .bilbao_stands li:hover { background: #243D5C; } .bilbao_stands li:hover a { color: #FFF!important; } .titulo_bilbao_stands { float: left; width: 100%; clear: both; font-weight: bold; font-size: 26px; padding-top:14px; margin-top: 16px; margin-bottom: 17px!important; color: #243D5C; } .faq .tab-content>.active { display: block; color: #666; } #af-form .form-control { background-color: #ffffff; border-color: #ffffff; color: #aaa!important; } /* widgets */ #text-2 { background-color: #243D5C; color: #FFF; padding: 210px 15px 8px 15px; box-shadow: 2px 2px 19px #666; background-image: url(./images/widget_bilbao.jpg); background-repeat: no-repeat; margin-top: 18px; border-radius: 4px; } #text-2 dt { font-weight: 700; margin-top: 10px; opacity: .6; } #text-2 dd { margin-left: 14px; } #text-2 .widget-title { color: #E30406; font-weight: bold; margin-bottom: 2px; padding: 7px 0px; } #text-3 { background-color: #243D5C; color: #FFF; padding: 210px 15px 8px 15px; box-shadow: 2px 2px 19px #666; background-image: url(./images/widget_donostia.jpg); background-repeat: no-repeat; margin-top: 18px; border-radius: 4px; } #text-3 dt { font-weight: 700; margin-top: 10px; opacity: .6; } #text-3 dd { margin-left: 14px; } #text-3 .widget-title { color: #0088B7; font-weight: bold; margin-bottom: 2px; padding: 7px 0px; } #text-4 { background-color: #243D5C; color: #FFF; padding: 210px 15px 8px 15px; box-shadow: 2px 2px 19px #666; background-image: url(./images/widget_vitoria.jpg); background-repeat: no-repeat; margin-top: 18px; border-radius: 4px; } #text-4 dt { font-weight: 700; margin-top: 10px; opacity: .6; } #text-4 dd { margin-left: 14px; } #text-4 .widget-title { color: #3BAF29; font-weight: bold; margin-bottom: 2px; padding: 7px 0px; } #text-39 { background-color: #243D5C; color: #FFF; padding: 210px 15px 8px 15px; box-shadow: 2px 2px 19px #666; background-image: url(./images/widget_eibar.jpg); background-repeat: no-repeat; margin-top: 18px; border-radius: 4px; } #text-39 dt { font-weight: 700; margin-top: 10px; opacity: .6; } #text-39 dd { margin-left: 14px; } #text-39 .widget-title { color: #b7013e; font-weight: bold; margin-bottom: 2px; padding: 7px 0px; } /*descarga pagina info*/ #text-25 { background-image: url(./images/ver_programa.svg); background-color: #15b0f2; color: #fff; font-size: 16px; font-weight: 800; padding-left: 70px; padding-top: 21px; padding-bottom: 1px; background-repeat: no-repeat; background-position: 20px center; cursor: pointer; margin-top: 18px; transition: .3s ease; background-size: 30px; border-radius: 4px; box-shadow: 1px 1px 20px #e3040652; } #text-25:hover { background-color: #243D5C; border: 1px solid #243D5C; } #text-25 a { color: #fff; font-size: 16px; font-weight: bold; margin-bottom: 0; line-height: 18px; } /*descarga vitoria*/ #text-5 { background-image: url(./images/ver_programa.svg); background-color: #3BAF29; color: #fff; font-size: 16px; font-weight: 800; padding-left: 70px; padding-top: 21px; padding-bottom: 1px; background-repeat: no-repeat; background-position: 20px center; cursor: pointer; margin-top: 18px; transition: .3s ease; background-size: 30px; border-radius: 4px; box-shadow: 1px 1px 20px #3baf2978; } #text-5:hover { background-color: #243D5C; border: 1px solid #243D5C; } #text-5 h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 0; line-height: 18px; } /*descarga bilbao*/ #text-6 { background-image: url(./images/ver_programa.svg); background-color: #E30406; color: #fff; font-size: 16px; font-weight: 800; padding-left: 70px; padding-top: 21px; padding-bottom: 1px; background-repeat: no-repeat; background-position: 20px center; cursor: pointer; margin-top: 18px; transition: .3s ease; background-size: 30px; border-radius: 4px; box-shadow: 1px 1px 20px #e3040652; } #text-6:hover { background-color: #243D5C; border: 1px solid #243D5C; } #text-6 h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 0; line-height: 18px; } /*descarga donostia*/ #text-7 { background-image: url(./images/ver_programa.svg); background-color: #0088B7; color: #fff; font-size: 16px; font-weight: 800; padding-left: 70px; padding-top: 21px; padding-bottom: 1px; background-repeat: no-repeat; background-position: 20px center; cursor: pointer; margin-top: 18px; transition: .3s ease; background-size: 30px; border-radius: 4px; box-shadow: 1px 1px 20px #0088b74a; } #text-7:hover { background-color: #243D5C; border: 1px solid #243D5C; } #text-7 h3 { color: #fff; font-size: 14px; font-weight: bold; margin-bottom: 0; line-height: 18px; } #text-8, #text-9, #text-10 { background-color: #243D5C; background-image: url(./images/widget_ubicacion.png); background-repeat: no-repeat; padding-left: 70px; padding-top: 11px; padding-bottom: 5px; margin-top: 16px; transition: .3s ease; } #text-8 a, #text-9 a, #text-10 a { color: #FFF!important; font-weight: bold; font-size: 15px; margin-left: 18px; display: block; margin-right: 18px; } #text-9:hover { background-color: #3BAF29; } #text-10:hover { background-color: #0088B7; } #text-8:hover { background-color: #E30406; } /* diseño blog tipo cajas */ .content .post-wrap { position: relative; display: inline-block; vertical-align: top; margin-left: 3%; } .content .post-wrap .post-media img { max-width: 100%; width: 100%; max-height: 195px; } .social-sharing { width: 100%; clear: both; margin-top: -84px; margin-bottom: 40px; } /***************************************/ /** **/ /** NUEVOS ESTILOS +29 septiembre **/ /** **/ /***************************************/ .header.shrink { padding-top: 6px !important; } .header.shrink .header-wrapper { padding-top: 0; min-height: 50px; } .logo { position: absolute; } .logo a { height: 60px; } .nav_ribbon { margin-top: 18px; } .sf-menu.nav > li { padding: 0px 5px; } .sf-menu.nav > li > a { padding: 7px 12px 4px 12px; } .current-menu-item > a { border-bottom: solid 2px #15b0f2; } .sub-menu .current-menu-item > a { border-bottom: none; } .sf-menu ul { left: 15px; min-width: 13em; } .sf-menu ul.sub-menu li { background: #162538; min-width: 190px; } .sf-menu ul.sub-menu li a { font-size: 12px; } .page-template-blog_template .content { display: flex; flex-wrap: wrap; } .page-template-blog_template .content .post-wrap { width: 30%; margin: 0 1.5% 20px; border: none; background: #fff; padding: 17px; border-radius: 5px; margin-top: 18px !important; } .page-template-blog_template .content .post-media { overflow: hidden; max-height: 155px; border-radius: 3px; } .post-readmore { display: none } .single-post .content .post-wrap .post-media img { max-height: none; } .single-post .bwg_back_1 { display: none !important; } .titulo_bilbao_stands { float: none; } .bilbao_stands { display: flex; flex-wrap: wrap; } .bilbao_stands li { float: none; line-height: 20px; font-weight: bold; } @media (max-width: 991px) { .page-template-blog_template .content .post-wrap { width: 100%; } .content .post-wrap .post-media img { max-height: none; } .shrink .logo a { height: 50px; } .page-id-869 .btn-theme { width: 100%; white-space: normal; } .sf-menu.nav > li > a { padding: 15px 12px 5px 12px; } li#menu-item-2053 a { background: none !important; } } @media (max-width: 1200px) { .evento_sede_3 .btn-theme, .evento_sede_1 .btn-theme, .evento_sede_2 .btn-theme { margin: 5px 0; padding-left: 10px; padding-right: 10px; } } @media (max-width: 767px) { .row.faq .tab-content { height: auto; } .evento_sede_3 .btn-theme, .evento_sede_1 .btn-theme, .evento_sede_2 .btn-theme { width: 100%; } } @media (max-width: 400px) { .content-area > section .btn-theme { width: 100%; } .evento_sede_3 .btn-theme, .evento_sede_1 .btn-theme, .evento_sede_2 .btn-theme { font-size: 13px; } } /** detalle evento cambios **/ .single-schedule .content .post-wrap { margin-left: 0%; margin-top: 8px; } @media (max-width: 479px) { #main-slider .caption { padding-left: 0; padding-right: 0; } #main-slider .caption-title span { padding: 0; } #main-slider .caption-title span:before, #main-slider .caption-title span:after { display: none; } #main-slider .caption-text .btn { display: block; margin-top: 10px; } .shrink .header-wrapper { background-size: 200px; background-position: left 5px; } .shrink .logo a { width: 200px; } .shrink #selector_idioma { width: 78px; margin-top: 9px; font-size: 16px; margin-right: 40px; } } #text-6 a ,#text-7 a, #text-5 a{ color: #fff !important; } .slider_online { background: url(./images/slider_eibar.jpg)no-repeat left center #3e4865; height: 150px; padding-left: 135px; border-radius: 6px; } .slider_online:before { content: url(./images/slider_eibar.jpg); border-radius: 100%!important; width: 90px; height: 90px; position: absolute; overflow: hidden; left: calc(50% - 45px); top: -45px; } .slider_online { background: #3e4865; height: 135px; padding-left: 10px; border-radius: 6px; padding-right: 10px; text-align: center; padding-top: 34px; } .slider_online .media-heading { color: #b7013e; } .slider_online .pull-left { color: #d4a016; } .slider_online .media-body span { font-weight: 600; } .slider_barakaldo { background: url(./images/slider_bar.jpg)no-repeat left center #3e4865; height: 150px; padding-left: 135px; border-radius: 6px; } .slider_barakaldo .media-heading { color: #d4a016; } .slider_barakaldo .pull-left { color: #d4a016; } .slider_barakaldo .media-body span { font-weight: normal!important; font-weight: 600; } .slider_online { background: url(./images/slider_eibar.jpg)no-repeat left center #3e4865; height: 150px; padding-left: 135px; border-radius: 6px; } .slider_online .media-heading { color: #b7013e; } .slider_online .pull-left { color: #d4a016; } .slider_online .media-body span { font-weight: normal!important; font-weight: 600; } #text-27 { background-image: url(./images/ver_programa.svg); background-color: #b7013e; color: #fff; font-size: 16px; font-weight: 800; padding-left: 70px; padding-top: 21px; padding-bottom: 1px; background-repeat: no-repeat; background-position: 20px center; cursor: pointer; margin-top: 18px; transition: .3s ease; background-size: 30px; border-radius: 4px; box-shadow: 1px 1px 20px #e3040652; } #text-27:hover { background-color: #243D5C; } #text-27 a{color:#FFF;} #text-28 { background-color: #243D5C; color: #FFF; padding: 210px 15px 8px 15px; box-shadow: 2px 2px 19px #666; /* border-radius: 3px; */ background-image: url(./images/widget_eibar.jpg); background-repeat: no-repeat; margin-top: 34px; } #text-28 .widget-title { color: #b7013e; font-weight: bold; padding-bottom: 2px!important; margin-bottom: 2px; } #text-28 dt { font-weight: 700; margin-top: 10px; opacity: .6; } #text-28 dd { margin-left: 14px; } #text-32 { background-color: #243D5C; background-image: url(./images/widget_ubicacion.png); background-repeat: no-repeat; padding-left: 70px; padding-top: 26px; padding-bottom: 4px; margin-top: 16px; transition: .3s ease; } #text-32:hover { background-color: #b7013e; } .page-id-19428 section a, .page-id-19584 section a, .page-id-19600 section a, .page-id-19603 section a { color: #b7013e !important; font-weight: 600; } .page-id-19584 section a:hover, .page-id-19428 section a:hover, .page-id-19600 section a:hover, .page-id-19603 section a:hover { color: #9d0035 !important; } .evento_sede_5 .post-title { font-size: 30px; color: #b7013e !important; } .evento_sede_5 a { color: #b7013e; } .evento_sede_5 .btn-theme { background: #b7013e !important; border-color: #b7013e !important; color: #fff!important; padding: 15px 25px; } .evento_sede_5 .btn-theme:hover { background: #a30036 !important; border-color: #b7013e !important; } .page-id-1517 section a { color: #d4a016 !important; font-weight: 600; font-size: 16px; } .page-id-3613 section a:hover { color: #b38815 !important; } .evento_sede_4 .btn-theme { background: #d4a016 !important; border-color: #d4a016 !important; color:#fff !important; padding: 15px 25px; } .evento_sede_4 .btn-theme:hover { background: #b18713 !important; border-color: #d4a016 !important; } .evento_sede_4 .post-title { font-size: 30px; color: #d4a016!important; } .evento_sede_4 a { color: #d4a016; } #text-24 { background-image: url(./images/ver_programa.svg); background-color: #d4a016; color: #fff; font-size: 16px; font-weight: 800; padding-left: 70px; padding-top: 21px; padding-bottom: 1px; background-repeat: no-repeat; background-position: 20px center; cursor: pointer; margin-top: 18px; transition: .3s ease; background-size: 30px; border-radius: 4px; box-shadow: 2px 2px 19px #666; } #text-24:hover { background-color: #243D5C; } #text-24 a { color:#FFF !important; } #text-13 { background-color: #243D5C; color: #FFF; padding: 210px 15px 8px 15px; box-shadow: 2px 2px 19px #666; background-image: url(./images/widget_barakaldo.jpg); background-repeat: no-repeat; margin-top: 18px; margin-bottom: 18px; border-radius:4px; } #text-13 .widget-title { color: #d4a016; font-weight: bold; padding-bottom: 2px!important; margin-bottom: 2px; } #text-13 dt { font-weight: 700; margin-top: 10px; opacity: .6; } #text-13 dd { margin-left: 14px; } #text-14 { background-color: #243D5C; background-image: url(./images/widget_ubicacion.png); background-repeat: no-repeat; padding-left: 70px; padding-top: 11px; padding-bottom: 25px; margin-top: 16px; transition: .3s ease; } #text-14:hover { background-color: #d4a016; } #text-8 a, #text-9 a, #text-10 a, #text-14 a { color: #FFF !important; font-weight: bold; font-size: 15px; margin-left: 18px; display: block; margin-right: 18px; padding-top: 15px; } #text-32 a { color: #FFF !important; font-weight: bold; font-size: 15px; margin-left: 18px; display: block; margin-right: 18px; padding-bottom: 1px; } .pagination-wrapper { border-top: solid 1px #efefef; width: 100%; } #text-14 p { margin-bottom: 0px; } #menu-item-1241 { display: none; } .media>.pull-left { position: absolute; left: 28px; top: -30px; } .event-description .media-body span { overflow: hidden; text-overflow: ellipsis; display: block; line-height: 18px; } @media (max-width: 991px) { .media.slider_online .media-body { margin-top: -34px; text-align: left; } .slider_online:before { display: none; } } @media (min-width: 992px){ .slider_bilbao { background: #3e4865; height: 135px; padding-left: 10px; border-radius: 6px; padding-right: 10px; text-align: center; padding-top: 34px; } .slider_donosti { background: #3e4865; height: 135px; padding-left: 10px; border-radius: 6px; padding-right: 10px; text-align: center; padding-top: 34px; } .slider_vitoria { background: #3e4865; height: 135px; padding-left: 10px; border-radius: 6px; padding-right: 10px; text-align: center; padding-top: 34px; } .slider_barakaldo { background: #3e4865; height: 135px; padding-left: 10px; border-radius: 6px; padding-right: 10px; text-align: center; padding-top: 34px; } .slider_online { background: #3e4865; height: 135px; padding-left: 10px; border-radius: 6px; padding-right: 10px; text-align: center; padding-top: 34px; } .slider_bilbao:before { content: url(http://zientzia-astea.org/wp-content/themes/imevent/images/slider_bio.png); border-radius: 100%!important; width: 90px; height: 90px; position: absolute; overflow: hidden; left: calc(50% - 45px); top: -45px; } .slider_donosti:before { content: url(http://zientzia-astea.org/wp-content/themes/imevent/images/slider_don.png); border-radius: 100%!important; width: 90px; height: 90px; position: absolute; overflow: hidden; left: calc(50% - 45px); top: -45px; } .slider_vitoria:before { content: url(http://zientzia-astea.org/wp-content/themes/imevent/images/slider_vit.png); border-radius: 100%!important; width: 90px; height: 90px; position: absolute; overflow: hidden; left: calc(50% - 45px); top: -45px; } .slider_barakaldo:before { content: url(http://zientzia-astea.org/wp-content/themes/imevent/images/slider_bar.jpg); border-radius: 100%!important; width: 90px; height: 90px; position: absolute; overflow: hidden; left: calc(50% - 45px); top: -45px; } .slider_online:before { content: url(./images/slider_eibar.jpg); border-radius: 100%!important; width: 90px; height: 90px; position: absolute; overflow: hidden; left: calc(50% - 45px); top: -45px; } .event-description .media-body span { overflow: hidden; text-overflow: ellipsis; display: block; line-height: 18px; font-size: 12px; font-weight: bold!important; } .media>.pull-left {display:none} .event-description .col-sm-3 { transition: .3s cubic-bezier(0.82, -0.68, 0.24, 1.22); } .event-description .col-sm-3:hover{margin-top:-10px;} .event-description .col-sm-3:hover { transform: scale(1.1) rotate(-10deg); z-index: 99999999999; } } .media>.pull-left { margin-right: 10px; display: none; } @media (max-width:992px){ .event-description .row > div { padding: 0px; } .event-background .media { box-shadow: -19px 14px 62px #333; height: 90px!important; padding-left: 110px!important; } } #menu-item-1245{display:none;} @media (max-width: 991px) and (min-width: 640px){ .event-description .media-heading { font-size: 20px; margin-bottom: -9px; margin-top: 18px; text-transform: uppercase; font-weight: lighter; } } span.bwg_title_spun2_0, span.bwg_title_spun2_1, span.bwg_title_spun2_2 { color: #1c68a1 !important; } #menu-subpage-menu li, #menu-one-page-menu li { font-size: 13px; } #menu-one-page-menu li ul li:last-child,#menu-subpage-menu li ul li:last-child { margin-left: 0px; background-color: #162538; } #tabs-faq .active a, #tabs-faq a:hover { background-color: #435469; border-radius: 10px; } #tabs-faq li a { font-weight: lighter; } .row.faq .tab-content { border-radius: 10px; font-size: 15px; } .concurso_title { margin: 0px 0px 15px 0px; color: #435469!important; font-size: 23px; font-weight: 600; text-transform: uppercase; } .concurso_title i { margin-right: 10px; color: #435469 !important; } .concurso_title .fa.wohex.fa-stack-2x { background-color: transparent!important; } .concurso_title.section-title .fa{ width: 10px;} .concurso_title.section-title .fa-stack { width: 14px;} .concurso_title.section-title .icon-inner { display: table-cell; width: 40px; } .color i.fa.wohex.fa-stack-2x { background-color: white!important; } .color .btn-theme { color: #fff!important; background-color: #243D5C!important; border-color: #243D5C!important; font-weight: 300; } .btn.btn-theme.btn-theme-lg { padding: 15px 25px !important; } .post .thumbnail { margin: 0px 0px 10px 0px; } .thumbnail { padding: 0px !important; } .en-el-mar-banner { background-image: url(http://zientzia-astea.org/wp-content/themes/imevent/images/bg_destacado.png); background-size: cover; margin: 30px 0px; } .en-el-mar-banner h4 { font-size: 23px; margin: 0 auto; color: #FFFFFF; font-weight: bold; line-height: 30px; text-align: center; padding: 30px 0px 0px; } .en-el-mar-banner h5 { font-size: 19px; margin: 0 auto; color: #FFFFFF; font-weight: bold; line-height: 30px; text-align: center; padding: 6px 0px 25px 0px; } .en-el-mar-content-img { width: 100%; background-size: cover; background-repeat: no-repeat; max-height: 400px; border-radius: 4px; } .en-el-mar-content-h4 { margin: 30px 0px 13px 0px; text-transform: uppercase; font-size: 25px; font-weight: bold; line-height: 25px; } .en-el-mar-content-h5 { margin: 10px 0px 10px 0px; text-transform: uppercase; font-size: 19px; font-weight: bold; line-height: 25px; } .en-el-mar-content-hour { font-size: 20px !important; font-weight: 600; letter-spacing: 1px; } .en-el-mar-content-list li { padding: 5px 0px; } .en-el-mar-hr { border: 0; height: 1px; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.125)); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.125)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.125), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.125)); margin: 45px 0px 0px 0px; } div.register_pay_button div button.btn.btn-theme.btn-theme-xl { padding: 18px 25px; font-size: 20px; } div.register_pay_button div button.btn.btn-theme.btn-theme-xl i { display: none; } .bwg_title_spun2_0,.bwg_title_spun2_1, .bwg_title_spun2_2 { background-color: rgba(255, 255, 255, 0.68); }; ul.pagination li span.current { background-color: #243D5C !important; } .btn.btn-default.confirmar-cancelar { font-weight: bold; color: #666; } .btn.confirmar-eliminar { background-color: #4d4d4d; color: #ffffff; font-weight: bold; border-radius: 3px; } .btn.confirmar-eliminar:hover { background-color: #3e3e3e; } .btn.btn-default.confirmar-cancelar { font-weight: bold; color: #666; border-radius: 3px; } .owl-controls .owl-next:hover, .owl-controls .owl-prev:hover { border: 1px solid #3377aa !important; background-color: #3377aa !important; } #content.search-result h4 { margin-top: 30px; } #content.search-result .result-button { border-top: 1px dotted #ccc; padding: 30px 0px; margin-top: 30px; } #content.search-result .result-button a { background: #1c68a1; padding: 10px 15px; border-radius: 4px; color: #fff; } #content.search-result .result-button a:hover { background: #7295c0; } #content.search-result ul { list-style-type: square; padding: 0!important; display: flex; flex-wrap: wrap; padding: 0px; } #content.search-result li { float: none; list-style: none; width: 48%; background: #eeeeee; border: 1px solid #e1e1e1; padding: 14px 18px; font-size: 15px; font-weight: 500; margin-bottom: 6px; margin-right: 6px; transition: .3s ease; display: list-item; color: #fff; } /* Bilbao */ #content.search-result .ul_1 li a { color: #E30406 !important; font-weight: 600; } /* San Sebastian */ #content.search-result .ul_3 li a { color: #0088B7 !important; font-weight: 600; } /* Vitoria - Gazteiz */ #content.search-result .ul_2 li a { color: #3BAF29 !important; font-weight: 600; } /* Barakaldo */ #content.search-result .ul_4 li a { color: #d4a016 !important; font-weight: 600; } /* Online */ #content.search-result .ul_5 li a { color: #b7013e !important; font-weight: 600; } #content.search-result li:hover { background: #243D5C; } #content.search-result li:hover a { color: #fff !important; } #submit_btn, .btn-theme { color: #ffffff !important; background-color: #1c68a1 !important; border-color: #1c68a1 !important; font-weight: 300; } #submit_btn:hover, .btn-theme:hover { background-color: #435469 !important; border-color: #435469 !important; } #concursos .btn.btn-theme, .btn-theme.reverse, #eventnew button[type = submit] { background-color: #435469 !important; border-color: #435469 !important; } #concursos .btn.btn-theme:hover, .btn-theme:hover.reverse, #eventnew button[type = submit]:hover { color: #1c68a1 !important; background-color: #ffffff !important; border-color: #ffffff !important; } #concursos .section-title, #concursos .section-title small, #concursos p, #concursos i, #concursos .concurso_title { color: #fff !important; } #concursos .section-title .fa.wohex.fa-stack-2x, #concursos .section-title .fa-stack-1x { background-color: #fff !important; color: #1c68a1 !important; border-radius: 10px; } .faq .tab-pane p { color: #666; } .title h1 { margin-top: 0px; } h1 a, .post-title a{ color: #1c68a1 !important; } h1 a:hover, .post-title a:hover { color: #435469 !important; } #sidebar #recent-posts-3 ul li a { color: #1c68a1; font-weight: 400; } #sidebar #recent-posts-3 ul li a:hover { color: #234163; } .ficha-txokos .caption.before-media { padding: 5px; background: #234163; } .ficha-txokos .thumbnail .caption { padding: 20px 0 0 0; overflow: visible; font-size: 14px; height: auto; color: white; background: #1d5075; border-radius: 0 0 20px 20px; } .caption.before-media { border-radius: 0!important; } .ficha-txokos .thumbnail .media { overflow: hidden; position: relative; max-height: 132px; } .speaker_desc { height: 125px; margin-bottom: 52px; background: #194261; padding: 10px; border-radius: 0 0 10px 10px; } .ficha-txokos .social-line { margin: -15px 0 0 0; line-height: 33px; display: none; } .ficha-txokos .caption.before-media h3 { color: white; } .ficha-txokos .caption.before-media p { color: white !important; margin-top: 0px; opacity: 1; font-size: 15px !important; padding: 0; } .ficha-txokos > .caption:last-child { background: #2341634f; padding: 10px 10px; border-radius: 0px 0px 10px 10px; } .ficha-txokos .media img { border-radius: 10px 10px 0px 0px !important; } #main-slider .div-table, #main-slider .div-cell { height: 88% !important; } .mr-10 { margin-right: 10px !important; } #menu-item-19730, #menu-item-19741 { display: none !important; } @media (max-width: 575px) { #menu-item-19730, #menu-item-19741 { display: block !important; } } @media (max-width: 550px) { .mt-10 { margin-top: 10px !important; } .mb-10 { margin-bottom: 10px !important; } } /** sliders **/ .wrapper.container_boxed.body_hide { background-image: url(http://zientzia-astea.org/wp-content/uploads/2014/10/background-img-slider.jpg); background-repeat: no-repeat; background-position: left top; background-size: 100%; } #main-slider.owl-theme .owl-controls .owl-nav [class*=owl-] { background: #1c68a1!important; } #main-slider .container{ margin-top: 225px; } #main-slider .container h1 { color: #243d5c; font-weight: bold; font-size: 36px; letter-spacing: -2px; text-align:left; text-transform: uppercase; margin-top: 4px; } #main-slider .container h2 { text-align:left; font-weight: 400; margin-top: 4px; font-size: 24px; } #main-slider .container img{ border: 11px solid white; box-shadow: 1px 1px 23px #ccc; transform: rotate(-2deg); margin-right: 5rem; margin-top: -69px; max-width: 465px; margin-top: -6rem; } #main-slider .container button { float: left; box-shadow: none; border: none; margin-top: 2rem; color: #ffffff !important; background-color: #1c68a1 !important; font-weight: 300; } /**** FULL WIDTH CONTAINER TEMPLATE ***/ .page-template-Full_width.wide .page-section { position: relative; background-color: #f1f1f1; margin-top: 135px; margin-bottom: 5rem; } /*estelacantabra*/ /*.page-template-Full_width.wide .page-section h1, .page-template-Full_width.wide .page-section h2, .page-template-Full_width.wide .page-section h3, .page-template-Full_width.wide .page-section h4, .page-template-Full_width.wide .page-section h5, .page-template-Full_width.wide .page-section h6 { color: #1c68a1; font-weight: 500; font-size: 40px; margin-bottom: 3rem; }*/ .wide .footer-meta, .boxednew .footer-meta { background-color: #f1f1f1!important; color: #414650; } .wrapper.container_boxed.body_hide { background-image: none; } /* custon recent posts widget */ .widget_recent_entries { background-color: #2a476b; margin-top: 18px; border: none; border-radius: 5px; overflow: hidden; } .widget_recent_entries .widget-title { color: #fff!important; padding: 20px; margin-bottom: 0; font-weight: lighter; } .widget_recent_entries ul, .widget_recent_entries li { padding-left: 0!important; margin-left: 0!important; background: #1f344f; padding: 12px!important; border-bottom: 1px solid #293f5a; } .widget_recent_entries ul li a { color: #fff!important;; font-weight: 600!important; font-size: 14px; } .widget_recent_entries ul{padding-bottom: 3rem!important;} .sidebar .widget + .widget { margin-top: 34px; } /* sedes headings */ .page-id-1523 .post .title h1{color: #0088b7!important; font-size: 50px; font-weight: 300; margin-bottom: 3px; } .page-id-1521 .post .title h1{color: #3BAF29!important; font-size: 50px; font-weight: 300; margin-bottom: 3px; } .page-id-1507 .content-area > section:nth-child(even) h1 { color: #e30406!important; font-size: 50px; font-weight: 300; margin-bottom: 3px; } .page-id-1517 .post .title h1{color: #d4a016!important; font-size: 50px; font-weight: 300; margin-bottom: 3px; } .qsm_quiz-template-default .content-area > section:nth-child(even) h1 { font-size: 35px; font-weight: 300; margin-bottom: 3px; color: #2a476b!important; } /** blog template **/ .page-template-blog_template .content-area > section:nth-child(even) h2 a { color: #44556a!important; font-weight: 600; } .page-template-blog_template .content-area > section:nth-child(even) .post-header .post-meta { color: #fff; display: none; } .page-template-blog_template .content .post-type { right: 12px; top: 12px; background: #243d5c; color: white; border-radius: 5px; } .blog-content-header { display: block; width: 100%; } .blog-content-header h2 { font-weight: 400; color: #243d5c; padding-left: 16px; font-size: 39px; } /** post **/ .single .post-title { color: #1f344f; font-size: 40px; } .single .post-header { margin-bottom: 35px; position: relative; margin-top: 10px; } .single .post-excerpt p { margin-bottom: 26px; line-height: 30px; } .single-schedule .post-title { color: #1f344f; font-size: 30px; } /** youtube iframe **/ iframe { width: 100%!important; } /* new mobile header*/ @media (max-width: 992px){ .wide .header, .boxed .header > .container { background-color: #243d5c; padding-top: 8px; padding-bottom: 10px; } .header .header_socials{display:none;} .nav_ribbon{margin-top:0;} .navigation.closed .menu-toggle { right: 10px; padding: 17px 20px; margin: 10px; border-radius: 61px; top: -8px; } .rib-left, .rib-right{display:none;} .sub-page .header { background-color: #243d5c!important; } .header-wrapper { background-image: url(./images/logo-head-white.svg); background-repeat: no-repeat; height: 50px; background-size: 185px; background-position: 10px center; background-color: #243d5c; border-radius: 5px; } .home .header-wrapper { background-image: url(./images/logo-head-white.svg);} .logo{opacity:0;} .navigation.closed .menu-toggle i.fa.fa-bars { padding: 0; } #selector_idioma{display:none;} .header_reservas { width: 20%; float: right; background: #1c68a1; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; padding: 8px; border-radius: 4px; margin-right: 10px; margin-top:0; } .home .header_reservas { margin-top:9px; } .header_reservas.btn_res { margin-right: 75px; } .post, .post-wrap { width: 99%; background: #fff; padding: 3rem; border-radius: 5px; margin-top: 15px !important; line-height: 35px; } .shrink .navigation.closed .menu-toggle { top: -14px; } .page-template-Full_width.wide .page-section { position: relative; background-color: #f1f1f1; margin-top: 55px; margin-bottom: 5rem; } .navigation { background: #1c68a1!important; } .sf-menu ul.sub-menu li { background: transparent!important; min-width: 190px; border-bottom: 1px solid #367db3; padding: 10px; } li.menu-item-has-children > a { color: #89a2c1!important; font-weight: bold; } li.menu-item-has-children > a::after {display: none;} #menu-subpage-menu, #menu-one-page-menu, #menu-principal { padding-bottom: 5rem; } .navigation.opened { overflow-y: scroll; box-shadow: -10px 5px 50px #333; } #selector_idioma-mobile li { background: #f1f1f1; width: 40px; margin: 5px; display: inline; border: none!important; padding: 15px 15px; border-radius: 50px; } #selector_idioma-mobile { margin-top: 30px; } #selector_idioma-mobile .qtranxs_text_es { color: #162538; border-right: none; padding-right: 0; } #selector_idioma-mobile li.lang-es.active { background: #3a77a5; } .content .post-wrap { margin-left: 0%; } } @media (min-width:991px){ #selector_idioma-mobile{display:none;} } @media (max-width: 550px){ .btn-theme { width: 100%; } .sub-page .title h1 { margin-top: 0px; font-size: 40px!important; } } @media (max-width: 767px){ .sub-page .sidebar { padding-top: 0; margin-top: -50px; } .event_navigate .btn-theme{margin-bottom:10px;} } /* ajustes para formularios */ .single-qsm_quiz .post-meta, .single-qsm_quiz .post-media {display:none;} .single-qsm_quiz .qsm-before-message h3{margin-top:-5px;} .single-qsm_quiz .qmn_quiz_container select, .single-qsm_quiz .qmn_quiz_container textarea, .single-qsm_quiz .qmn_quiz_container input[type="text"], .single-qsm_quiz .qmn_quiz_container input[type="email"], .single-qsm_quiz .qmn_quiz_container input[type="number"] { background: #fff; border: 1px solid #243d5c; border-radius: 6px; } .single-qsm_quiz .qsm-progress-bar{display:none;} .single-qsm_quiz .qmn_quiz_container .qmn_btn, .single-qsm_quiz .qmn_quiz_container .btn { color: #fff !important; background: #3498db !important; border: none; width: 100%; } .single-qsm_quiz .post-header { margin-bottom: 0px; position: relative; margin-top: 10px; } /* colores para online */ .page-id-1519 h1, .page-id-1519 h4, .page-id-1519 h5, .page-id-1519 h6, .page-id-1519 section a { color: #b7013e !important; } .page-id-1541 h1, .page-id-1541 h2, .page-id-1541 h3, .page-id-1541 h4, .page-id-1541 h5, .page-id-1541 h6, .page-id-1541 section a { color: #b7013e !important; } .page-id-1537 h1, .page-id-1537 h2, .page-id-1537 h3, .page-id-1537 h4, .page-id-1537 h5, .page-id-1537 h6, .page-id-1537 section a { color: #b7013e !important; } .page-id-1539 h1, .page-id-1539 h2, .page-id-1539 h3, .page-id-1539 h4, .page-id-1539 h5, .page-id-1539 h6, .page-id-1539 section a { color: #b7013e !important; } .imagen_evento img { border-radius: 5px; overflow: hidden; } /* 404 OVERRIDE */ .error404.sub-page .header { background-color: transparent!important; border-bottom: none!important; } .error404 section.page-section.no-padding { margin-top: 160px!important; } .error404 i.fa.fa-warning { color: #203652; font-size: 180px; opacity: .2; } .error404 h2 { margin-bottom: 30px; } .speaker .caption-buttons { display: none !important; } /**** reservas buttons ***/ .reserva-turno-btn{ background: #253d5c; display: block; width: 250px; clear: both; text-align: center; color: white; padding: 5px; border-radius: 5px; margin:0 auto; margin-top: 8px; margin-bottom: 10px; } .reserva-turno-btn:hover{color:white; background:black;} .nopadding-li li{padding:0;} .bloque-hora-idioma{ background: white; width: 130px; height: 100px; font-size: 20px; text-align: center; font-weight: bold; border-radius: 10px 0 0 10px; } .turno-left { background: rgb(255 255 255 / 45%); width: 140px; padding: 10px; border-radius: 7px 0 0 7px; display: inline-block; height: 85px; margin-left: 5px; margin-bottom: 5px; margin-top: 5px; text-align: center; vertical-align: top; } .turno-right { padding-left: 25px; display: inline-block; width: calc(100% - 220px); padding-top: 15px; text-align:center; vertical-align: top; } .turno-right b{font-size: 12px; } .turno-hora, .turno-idioma{ display: block; width: 100%; } .turno-hora { font-weight: bold; margin-bottom: 10px; font-size: 20px; } .turno-idioma{text-transform:uppercase;font-size: 14px; } .arrow-left { width: 0; border-top: 42px solid transparent; border-bottom: 42px solid transparent; border-LEFT: 44px solid rgb(255 255 255 / 45%); display: inline-block; height: 85px; margin-left: -4px; margin-top: 5px; } @media (max-width:600px){ .turno-right { display: block; padding-top: 15px; text-align: center; vertical-align: top; margin-bottom: 15px; width:100%; padding-left:10px; padding-right:10px; } .turno-left { background: rgb(255 255 255 / 45%); width: calc(100% - 10px); border-radius:10px;} .arrow-left { display:none; } } .ver-turnos-btn{ font-weight: bold; text-decoration: underline; background: #1c68a1; padding: 10px 20px; border-radius: 4px; color: white!important; } @media (max-width:480px){ .actividad_info .text-right{text-align:left; margin-top:15px;} .boton_reserva { text-align: center; padding: 7px 40px; font-size: 18px; border-radius: 10px; margin-left: 0; width: 100%; margin-top: 16px; } } .asistente-box { background: #f5f5f5; border: 2px solid #ededed; padding: 10px; margin-bottom: 14px; border-radius: 6px; } .remove-asist { background: red; border: none; color: white; font-weight: bold; border-radius: 4px; margin-left: 18px; padding: 7px 34px; margin-bottom: 17px; } .addPerson { background: #1c68a1; border: none; color: white; font-weight: bold; border-radius: 4px; margin-left: 18px; padding: 7px 34px; margin-bottom: 17px; margin:0 auto; margin-bottom:20px; } .boton-volver { background:transparent; border:1px solid #CCC; color:#aaa; } .boton-volver:hover{background:black;} @media (max-width:480px){ .boton_reserva { text-align: center; padding: 7px 40px; font-size: 18px; border-radius: 10px; margin-left: 0; width: 100%; margin-top: 16px; } } /*** sesion de header ***/ .sesion-box.header_reservas { width: 33%; background: transparent; text-align: right; margin-top: -3px; } @media (max-width: 720px){ .sesion-box{display:none} } @media (max-width: 991px){ .sesion-box.header_reservas { width: 62%; margin-right: 58px; margin-top: -7px; } .sesion-box.header_reservas a{ color:#fff!important; } } .sesion-box.header_reservas .fa { background: #1b68a2; margin-right: 5px; padding: 8px; width: 30px; border-radius: 16px; color: white; text-align: center; } .sesion-box.header_reservas a{ color:#152538; } .sesion-box.header_reservas a span{text-decoration:underline;} .sesion-box-mobile{ background: #ffffff9c; margin-top: 40px; padding: 20px; font-weight: bold; padding-left: 48px; } @media (min-width: 720px){ .sesion-box-mobile{display:none} } .sesion-box-mobile .fa{ position: absolute; font-size: 24px; margin-top: 7px; left: 15px; } .header_socials a{opacity:.8;} .gestion-reservas h2{font-weight:bold;} .advertisment-p{ background: #f5dad2; color: #ff5722; font-weight: bold; padding: 5px 16px; border-radius: 10px; } .asistente-box h4 { font-weight: bold; padding-left: 14px; border-bottom: 1px solid #ccc; padding-bottom: 12px; font-size: 16px; } a.white{ color: white !important; } .evento_sede_1 .post-body .post-excerpt table, .evento_sede_2 .post-body .post-excerpt table, .evento_sede_3 .post-body .post-excerpt table{border:none;} .evento_sede_1 .post-body .post-excerpt table tr td, .evento_sede_2 .post-body .post-excerpt table tr td, .evento_sede_3 .post-body .post-excerpt table tr td, .evento_sede_4 .post-body .post-excerpt table tr td { padding: 20px; font-size: 1.6rem; border-radius: 10px; overflow: hidden; border: none;} .evento_sede_4 .actividad_info .text-right { display:none; } /** zientzia club list tables **/ .evento_sede_1 .post-body .post-excerpt .schedule-list tr td, .evento_sede_2 .post-body .post-excerpt .schedule-list tr td, .evento_sede_3 .post-body .post-excerpt .schedule-list tr td, .evento_sede_4 .post-body .post-excerpt .schedule-list tr td{ padding: 10px; font-size: 1.6rem; border-radius: 10px; overflow: hidden; border-top: 1px solid #ccc; } /*** div provisional para cerrar inscripcioneos ***/ .lista_turnos::before { content: "La inscripción a esta actividad está cerrada / Jarduera honetan izena emateko epea itxita dago"; /*content: "Izen ematea laster irekiko da. / La inscripción se abrirá próximamente";*/ position: absolute; margin-top:50px; width: 100%; height: 100%; background: #2c3c5bc9; justify-content: center; align-items: center; text-align: center; padding-top: 40px; font-size: 16px; text-transform: uppercase; font-weight: bold; /*color: #2c3c5bc9*/ color:#ffffff; left: 0; border-radius: 7px; padding-left: 50px; padding-right: 50px; } /* div inscripcionies stat wars */ .postid-2504 .lista_turnos::before {display:none;} .postid-2504 .lista_turnos h4{display:none;} .postid-2504 .turno-hora { font-weight: bold; margin-bottom: 10px; font-size: 17px; }