/* ---------------------------------------------------------------------- Default Color HEX Code: #f5d415 Replace #f5d415 with your desired color code More color codes: http://www.color-hex.com/color-names.html -------------------------------------------------------------------------*/ ::selection { background: #f5d415; } ::-moz-selection { background: #f5d415; } ::-webkit-selection { background: #f5d415; } a:hover, a:focus, a:active, #mainMenu nav > ul > li.hover-active > a, #mainMenu nav > ul > li.hover-active > span, #mainMenu nav > ul > li.current > a, #mainMenu nav > ul > li.current > span, #mainMenu nav > ul > li:hover > a, #mainMenu nav > ul > li:hover > span, #mainMenu nav > ul > li:focus > a, #mainMenu nav > ul > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li > span:focus, #mainMenu nav > ul > li .dropdown-menu > li > span:hover, #mainMenu nav > ul > li .dropdown-menu > li > span:active, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:focus, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:active, #mainMenu nav > ul > li .dropdown-menu > li.current > a, #mainMenu nav > ul > li .dropdown-menu > li.current > span, #mainMenu nav > ul > li .dropdown-menu > li:hover > a, #mainMenu nav > ul > li .dropdown-menu > li:hover > span, #mainMenu nav > ul > li .dropdown-menu > li:focus > a, #mainMenu nav > ul > li .dropdown-menu > li:focus > span, #mainMenu nav > ul > li .dropdown-menu > li:active > a, #mainMenu nav > ul > li .dropdown-menu > li:active > span, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > a, #mainMenu nav > ul > li .dropdown-menu > li.hover-active > span, #mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a, #mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > a:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li > span:hover, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a:hover, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.current > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:hover > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li:focus > span, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, .dark #mainMenu:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.current > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:hover > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li:focus > span, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > a, #mainMenu.dark:not(.light):not(.menu-rounded) nav > ul > li.hover-active > span, .page-menu.menu-outline nav li:hover a, .page-menu.menu-outline nav li.active a, .page-menu.menu-lines nav li:hover a, .page-menu.menu-lines nav li.active a, .page-menu.menu-default nav li:hover a, .page-menu.menu-default nav li.active a, .page-menu.menu-colored-background nav li:hover a, .page-menu.menu-colored-background nav li.active a, .page-menu.menu-dark li:hover a, .page-menu.menu-dark li.active a, .grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a, .grid-filter.gf-lines li:hover a, .grid-filter.gf-lines li.active a, .grid-filter.gf-default li:hover a, .grid-filter.gf-default li.active a, .post-item .post-quote-img .post-meta-category, .post-item .post-quote-img .post-meta-category a, .post-author a, .comments .comment_number span, .comments .comment .text .comment-reply-link, .respond-comment span, .btn.btn-outline, .heading-creative strong, .simple .tabs-navigation li.active a, .simple .tabs-navigation li.active a:focus, .simple .tabs-navigation li a:hover, .feature-box:hover h2, .feature-box:hover h3, .feature-box:hover h4, .list-icon.list-icon-colored li:before, .list-icon.list-icon-colored i, .pagination.pagination-simple .active > a, .pagination.pagination-simple .active > span, .pagination.pagination-simple .active > a:hover, .pagination.pagination-simple .active > span:hover, .pagination.pagination-simple .active > a:focus, .pagination.pagination-simple .active > span:focus, .post-navigation a:hover, .call-to-action h3 span, .item-link, .item-link:hover, .widget-tweeter li a, .widget-twitter li a { color: #f5d415; } #topbar.topbar-colored, #topbar.topbar-colored.dark, #header.header-colored #header-wrap, #header.header-modern:not(.header-active).header-colored #header-wrap, #mainMenu.menu-rounded nav > ul > li.current > a, #mainMenu.menu-rounded nav > ul > li:hover > a, #mainMenu.menu-rounded nav > ul > li:focus > a, #mainMenu.menu-lines nav > ul > li.current > a:after, #mainMenu.menu-lines nav > ul > li:hover > a:after, #mainMenu.menu-lines nav > ul > li:focus > a:after, #mainMenu.menu-hover-background nav > ul > li.current, #mainMenu.menu-hover-background nav > ul > li:hover, #mainMenu.menu-hover-background nav > ul > li:focus, #dotsMenu ul li:hover, #dotsMenu ul li.current, #dotsMenu ul li a:hover:before, #dotsMenu ul li a.active:before, .page-menu.menu-lines nav li:hover a:after, .page-menu.menu-lines nav li.active a:after, .page-menu.menu-classic nav li:hover a, .page-menu.menu-classic nav li.active a, .page-menu.menu-colored-background, .grid-filter li:hover a, .grid-filter li.active a, .grid-filter.gf-lines li:hover a:after, .grid-filter.gf-lines li.active a:after, .grid-filter.gf-classic li:hover a, .grid-filter.gf-classic li.active a, .portfolio-item .portfolio-description a:hover i, .portfolio-item .grid-description a:hover i, .grid-item .portfolio-description a:hover i, .grid-item .grid-description a:hover i, .post-item.quote .post-item-wrap, .post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category, .forum thead tr > th, .btn, .btn.btn-outline:hover, .btn.btn-outline:focus, .btn.btn-outline:active, .btn.btn-outline.active, .btn.btn-light:hover, .btn.btn-light:focus, .btn.btn-light:active, .btn.btn-light.active, .btn.btn-dark:hover, .btn.btn-dark:focus, .btn.btn-dark:active, .btn.btn-dark.active, .icon-box.effect.dark .icon i:hover, .icon-box.effect.dark:hover .icon i, .owl-carousel .owl-nav [class*="owl-"]:hover, .owl-carousel.arrows-creative .owl-nav [class*="owl-"]:hover, .dropcap.dropcap-colored, .highlight.highlight-colored, .progress-bar, .blockquote-color, .call-to-action.call-to-action-colored, .modal-strip, .pricing-table.colored .plan-header, .single9:before, .background-colored, #goToTop:after, #goToTop:before, .tags a.active, .tags a:active, .tags a:focus, .tags a:hover { background-color: #f5d415; } #header .header-extras #shopping-cart > a .shopping-cart-items, .text-box.text-box-light:hover, .mfp-ajax-holder .mfp-close:hover, .spinner .bar:after, .ball-grid-pulse > div, .loader01:after, .square-spin > div, .loader04:after, .ball-rotate > div, .ball-rotate > div:after, .ball-rotate > div:before, .cube-transition > div, .ball-zig-zag > div, .ball-triangle-path > div, .line-scale > div, .ball-scale-multiple > div, .ball-pulse-sync > div, .ball-beat > div, .line-scale-pulse-out-rapid > div, .ball-spin-fade-loader > div, .line-spin-fade-loader > div, .pacman > div:nth-child(3), .pacman > div:nth-child(4), .pacman > div:nth-child(5), .pacman > div:nth-child(6), .ball-grid-beat > div, .spinner .bar:after, .border .tabs-navigation li.active a:after, .color .tabs-navigation li.active a { background: #f5d415; } #mainMenu.menu-outline nav > ul > li.current > a, #mainMenu.menu-outline nav > ul > li:hover > a, #mainMenu.menu-outline nav > ul > li:focus > a, .page-menu.menu-outline nav li:hover a, .page-menu.menu-outline nav li.active a, .grid-filter.gf-outline li:hover a, .grid-filter.gf-outline li.active a, .btn, .btn.btn-outline:not(.btn-dark):not(.btn-light), .btn.btn-outline:not(.btn-dark):not(.btn-light):hover, .btn.btn-outline:not(.btn-dark):not(.btn-light):focus, .btn.btn-outline:not(.btn-dark):not(.btn-light):active, .btn.btn-outline:not(.btn-dark):not(.btn-light).active, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder):hover, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder):focus, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder):active, .btn.btn-light:not(.btn-outline):not(.btn-icon-holder).active, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder):hover, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder):focus, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder):active, .btn.btn-dark:not(.btn-outline):not(.btn-icon-holder).active, .simple .tabs-navigation li.active a, .simple .tabs-navigation li.active a:focus, .simple .tabs-navigation li a:hover, .owl-carousel .owl-nav [class*="owl-"]:hover, .spinner .bar, .ball-scale-ripple-multiple > div, .spinner .bar, .tags a.active, .tags a:active, .tags a:focus, .tags a:hover { border-color: #f5d415; } .portfolio-item .portfolio-description a:hover i, .portfolio-item .grid-description a:hover i, .grid-item .portfolio-description a:hover i, .grid-item .grid-description a:hover i { border: 1px solid #f5d415; } .btn.btn-icon-holder.btn-outline:before { border-left: 2px solid #f5d415; } .fancy-title.title-border-color:before { border-top: 1px solid #f5d415; } .icon-box.effect.dark .icon i:after { box-shadow: 0 0 0 3px #f5d415; } blockquote { border-left: 3px solid #f5d415; } .loader01, .pacman > div:first-of-type, .pacman > div:nth-child(2) { border-color: #f5d415 transparent #f5d415 #f5d415; } .bootstrap-datetimepicker-widget table td.active.today, .bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget .datepicker-decades .decade { background-color: #f5d415 !important; } .btn:hover, .btn:focus, .btn:active, .btn.active { background-color: #f5d415; border-color: #f5d415; } /* ---------------------------------------------------------------------- Default Color HEX Code: #f5d415 MODIFICACIONES COLOR -------------------------------------------------------------------------*/ /* ---------------------------------------------------------------------- Default Color HEX Code: #fdd300 -------------------------------------------------------------------------*/ #page-menu div.bread span:nth-child(1):before { border-left-color: #fdd300; } #page-menu div.bread span:nth-child(3) a { color: #fdd300; } .m4p-bg-color { background-color: #fdd300; } /*------------------------------------- ARTÍCULO----------------------------------------*/ #m4p-post-detail .m4p-post-content .m4p-summary p { color: #cca034; } #m4p-post-detail .m4p-post-content .m4p-summary p:before { color: #cca034; } #m4p-post-detail .m4p-post-content .m4p-summary p:after { color: #cca034; } #m4p-post-detail .m4p-post-content blockquote { border-left: 6px solid #cca034; } .m4p-capitular { color: #eccc11; } .m4p-post-content ul li:before { color: #cca034; } #m4p-post-detail .m4p-post-content p a, #m4p-post-detail .m4p-post-content ul a, #m4p-post-detail .m4p-post-content ol a { color:#dca80b; } #m4p-post-detail .m4p-post-content p a:hover, #m4p-post-detail .m4p-post-content ul a:hover, #m4p-post-detail .m4p-post-content ol a:hover { color:#dca80b; opacity: .5; } /*------------------------------------- FIN ARTÍCULO----------------------------------------*/ /*-------------------------------------- MODIFICACIONES DEL CONTENIDO ----------------------------------------*/ .m4p-autor a { color:#dca80b; font-weight: 500; } .m4p-autor a:hover { color:#dca80b; opacity: .5; font-weight: 500; } .dark .m4p-bg-color .m4p-autor a { color:#000;; font-weight: 500; } .m4p-grid-sidebar-left .dark .social-icons.social-icons-border li a, .m4p-grid-sidebar-right .dark .social-icons.social-icons-border li a { border: 1px solid #948146 !important; color: #786a3f;; } .no-dark .dark .m4p-bg-color .m4p-autor a { color:black; font-weight: 500; } .social-icons.social-icons-border li a { border: 1px solid #d7d7d7; background: transparent; color: #9a9995; } li.active a { color: #846525 !important; opacity: 0.9; } .dark h1 a:hover, .dark h2 a:hover, .dark h3 a:hover, .dark h4 a:hover, .dark h5 a:hover, .dark h6 a:hover, .dark a:hover, .dark .m4p-post .m4p-post-content .m4p-post-meta .m4p-social span:hover { color: #a07a28; opacity: .5; } @media (max-width: 991px){ #header .dark #header-wrap .lines, #header .dark #header-wrap .lines:before, #header .dark #header-wrap .lines:after, #header.dark #header-wrap .lines, #header.dark #header-wrap .lines:before, #header.dark #header-wrap .lines:after { background-color: #000; } } .dark h1 a, .dark h2 a, .dark h3 a, .dark h4 a, .dark h5 a, .dark h6 a, .dark a, .dark .m4p-text-content { color: #000; } #header .header-extras #shopping-cart > a .shopping-cart-items { background: #8c8b87; } .m4p-grid-sidebar-left .dark .m4p-socialIcon-hover.social-icons.social-icons-border li a, .m4p-grid-sidebar-right .dark .m4p-socialIcon-hover.social-icons.social-icons-border li a { border: 1px solid #000 !important; color: #000; } .m4p-grid-sidebar-left .dark .m4p-socialIcon-hover.social-icons.social-icons-border li a:hover, .m4p-grid-sidebar-right .dark .m4p-socialIcon-hover.social-icons.social-icons-border li a:hover { color: #fff; } section.dark .m4p-socialIcon-hover.social-icons.social-icons-border li a { border: 1px solid #000 !important; color: #000; } section.dark .m4p-socialIcon-hover.social-icons.social-icons-border li a:hover { color: #fff; } .dark .m4p-post-enrevistado2 h1 a, .dark .m4p-post-enrevistado2 h2 a, .dark .m4p-post-enrevistado2 h3 a, .dark .m4p-post-enrevistado2 h4 a, .dark .m4p-post-enrevistado2 h5 a, .dark .m4p-post-enrevistado2 h6 a { color: #fff!important; text-align: left; } .dark .m4p-post-enrevistado h1 a, .dark .m4p-post-enrevistado h2 a, .dark .m4p-post-enrevistado h3 a, .dark .m4p-post-enrevistado h4 a, .dark .m4p-post-enrevistado h5 a, .dark .m4p-post-enrevistado h6 a { color: #fff!important; } .dark .m4p-post-enrevistado2 .m4p-post-meta a, .dark .m4p-post-enrevistado .m4p-post-meta a { color: #fff; } .dark .m4p-post-enrevistado .m4p-socialIcon-hover.social-icons.social-icons-border li a, .dark .m4p-post-enrevistado2 .m4p-socialIcon-hover.social-icons.social-icons-border li a { border: 1px solid #fff !important; color: #fff; } .dark.content-white .m4p-bg-color h1 a, .dark.content-white .m4p-bg-color h2 a, .dark.content-white .m4p-bg-color h3 a, .dark.content-white .m4p-bg-color h4 a, .dark.content-white .m4p-bg-color h5 a, .dark.content-white .m4p-bg-color h6 a, .dark.content-white .m4p-bg-color a, .dark.content-white .m4p-bg-color .m4p-text-content { color: #fff; } .content-white .dark .m4p-bg-color h1 a, .content-white .dark .m4p-bg-color h2 a, .content-white .dark .m4p-bg-color h3 a, .content-white .dark .m4p-bg-color h4 a, .content-white .dark .m4p-bg-color h5 a, .content-white .dark .m4p-bg-color h6 a, .content-white .dark .m4p-bg-color a, .content-white .dark .m4p-bg-color .m4p-text-content { color: #fff; } .dark.content-white .m4p-bg-color .m4p-autor a { color: #fff; font-weight: 500; } .content-white .dark .m4p-bg-color .m4p-autor a { color: #fff; font-weight: 500; } .dark.content-white .m4p-bg-color .m4p-socialIcon-hover.social-icons.social-icons-border li a, .dark.content-white .m4p-bg-color .m4p-socialIcon-hover.social-icons.social-icons-border li a { border: 1px solid #fff !important; color: #fff; } .content-white .dark .m4p-bg-color .m4p-socialIcon-hover.social-icons.social-icons-border li a, .content-white .dark .m4p-bg-color .m4p-socialIcon-hover.social-icons.social-icons-border li a { border: 1px solid #fff !important; color: #fff; } /*-------------------------------------- FIN MODIFICACIONES DEL CONTENIDO ----------------------------------------*/ /*------------------------------------- MODIFICACIONES COLOR ENLACES TIME BLOG ----------------------------------------*/ .article-size-45-55 time a { color: #dca80b; } .article-size-45-55 time a:hover { color: #dca80b; opacity: .5; } /*------------------------------------- MODIFICACIONES COLOR ENLACES TIME BLOG ----------------------------------------*/ .btn:hover, .btn:focus, .btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active { outline: 0 !important; background-color: #f5d415; border-color: #f5d415; color: #fff; } .m4p-carousel-gallery .owl-carousel .owl-nav [class*="owl-"]:hover { background-color: #f5d415; border-color: #f5d415; } /*----------------------PAGINADOR-----------------*/ .m4p-pager.pagination li:not(.disabled).active > a { background-color: #eccc11; border-color: #eccc11; color: black !important; }