/* Theme Name: Enfold Cille Description: A Child Theme for the Enfold Wordpress Theme. Version: 1.4 Author: Manuel Cillero Author URI: http://manuel.cillero.es Template: enfold */ /* * LAYOUT. */ .container { padding-right: 30px; padding-left: 30px; } div .av_one_fourth { margin-left: 3%; width: 23.5%; } #top .av-flex-placeholder { width: 3%; } .big-preview.single-big, .content .entry-content-wrapper, .sidebar_right .comment_container, .related_posts { padding-right: 0; margin-right: 0px !important; } body.tag .content { padding-top: 12px; } body.page-child .content, body.page-parent .content { padding-top: 32px; } /* * Main colors. */ strong { color: inherit !important; } div.container_wrap_first { background: #ebeae9 url(images/bg-page.png) repeat-x 0 bottom; } div.container_wrap_first > div.container:first-child { background-color: #fff; } .main_color .av-inner-masonry-content { opacity: .82; filter: alpha(opacity=82); /* For IE8 and earlier */ } /* * Home page. */ /* body.home .content { padding-bottom: 0; } */ .av-masonry-entry .av-masonry-entry-title { font-size: 18px; color: inherit; } .av-masonry-entry .av-inner-masonry-content { padding: 10px; } .av-masonry-entry.category-blog.av-masonry-item-no-image .av-inner-masonry-content { background: url(images/av-masonry-item-no-image.jpg) no-repeat center center; } #dpe_fp_widget-9 { padding-bottom: 0; } /* * Main title & breadcrumb. */ .title_container .main-title { font-size: 44px; font-weight: 600; line-height: 1em; display: block; margin-bottom: 6px; } #top .alternate_color.title_container .main-title, #top .alternate_color.title_container .main-title a { color: #ff3300; } .title_container .breadcrumb { margin-top: .24em; position: relative; left: -2px; right: auto; line-height: 18px; font-size: 13px; font-weight: bold; max-width: 100%; } .breadcrumb-trail span.breadcrumb-title { display: none; } .alternate_color .breadcrumb a { color: #3c8dbc; text-decoration: none; } .alternate_color .breadcrumb a:hover, .alternate_color .breadcrumb a:focus { color: #f70a0a; } /* * MENUS. */ #header_main { border-bottom: 0; } .av-main-nav > li > a { font-weight: normal; font-size: 18px; } .sub_menu { font-size: 12px; } .sub_menu > ul > li > a, .sub_menu > div > ul > li > a { font-weight: normal; } .sub_menu > ul > li:hover > a { text-decoration: none; } #top .av-main-nav ul a { font-weight: 300; font-size: 15px; } .header_color .avia-menu-fx { background-color: #e9146c; height: 4px; } /* * Navigation menu for pages. */ #top .widget_nav_menu { padding-bottom: 0; } /* #top .widget_nav_menu ul ul { font-size: 0.98em; } */ #top .widget_nav_menu ul ul li:before { top: 0; } #top .widget_nav_menu ul ul li { line-height: 1.5em; } #top .widget_nav_menu ul ul li a { padding: 0 0 0 12px; } #top .widget_nav_menu li { box-shadow: none; font-size: 17px; } /* * POST STYLES. */ .avia_textblock, .entry-content-wrapper { line-height: 1.42857; } .entry-content-wrapper .post-title, #top .flex_column .template-blog .post-title { color: #ff3300; font-size: 41px !important; line-height: 1em; } .entry-content-wrapper h2, .entry-content-wrapper h3, .entry-content-wrapper h4 { color: #e9146c; } .entry-content-wrapper h3 { font-size: 28px; } .entry-content-wrapper h3 + h3, .entry-content-wrapper h3 + h4, .entry-content-wrapper h4 + h5, .entry-content-wrapper h4 + h3 { margin-top: 20px; } .entry-content-wrapper p { text-align: justify; } #top .template-search.content .entry-content-wrapper { font-size: 18px; padding-bottom: 20px; } .entry-content-wrapper a { text-overflow: ellipsis; text-decoration: none; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; } .entry-content-wrapper li.no-bullet { list-style-type: none; } .entry-content-wrapper li li { /* list-style-type: circle; */ margin-bottom: 0; } .entry-content-wrapper li > h4 { margin-top: 8px; margin-bottom: 8px; } .entry-content-wrapper td { font-size: 14px; line-height: 18px; } .entry-content-wrapper td li { margin-left: 0; } .entry-content-wrapper td li ul { margin-left: 1em; } .entry-content-wrapper .text-underline { border-bottom: 1px solid currentcolor; } /* Center and set background color for featured images */ .big-preview a { border-radius: 5px; background: #ffdf99; /* url(images/bg-preview.jpg) repeat center center; */ } .post-entry .big-preview img { margin: auto; } /* Social posts */ article.post-entry-social .entry-content-wrapper div.entry-content { border-left: 7px solid #3c8dbc; padding-left: 20px; } article.post-entry-social .entry-content-wrapper p { font-size: 1.235em; line-height: 1.5em; text-align: left; color: #999999 !important; } /* EXIF info */ p.exif > span > span { font-weight: 700; } p.exif > span:after { content: ", "; } p.exif > span:last-child:after { content: "."; } /* Post footer */ footer.entry-footer { clear: both; padding-top: 2em; } /* Post tags */ .blog-tags { visibility: hidden; line-height: 40px; } .blog-tags strong { display: none; } .blog-tags a { visibility: visible; display: block; float: left; padding: 0 8px; height: 34px; line-height: 34px; margin-bottom: 6px; margin-right: 8px; font-family: Menlo,Monaco,Consolas,"Courier New",monospace; font-size: 14px; white-space: nowrap; background-color: #000; } .blog-tags a:hover { color: #fff; } /* Bottom post delimiter */ .template-blog .post_delimiter { margin-bottom: 30px; } /* Comments */ #top .comment_text { font-size: 16px; } /* #commentform label { left: 224px; font-size: 14px; line-height: 1.2em; padding-top: 6px; } #commentform label.subscribe-label, #commentform label.subscribe-blog-label { left: 25px; } #commentform input#submit { font-size: 16px; margin-bottom: 10px; } */ /* * PAGES STYLES. */ #tag_cloud-5 a { display: inline; float: none; border: 0; padding: 2px 3px; } /* * WIDGETS. */ .widget { padding-bottom: 15px; } .widget_nav_menu .nested_nav > li > a:before, h3.widgettitle:before { content: "//"; margin-left: -18px; position: absolute; } .widget_nav_menu .nested_nav > li > a, h3.widgettitle { margin: 0 0 14px !important; padding: 5px 5px 5px 23px !important; color: #eee !important; background-color: #556372; font-weight: normal !important; font-size: 18px; line-height: 23px; text-transform: none; } .widget_nav_menu .nested_nav > li > a { font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 1px; } .widget_nav_menu .nested_nav > li { display: none; } .widget_nav_menu .nested_nav > li.current_page_item, .widget_nav_menu .nested_nav > li.current_page_ancestor { display: block; } /* * List items widgets. */ ul.dpe-flexible-posts li { list-style-type: none; list-style-image: none; margin-left: 0 !important; margin-bottom: 8px; text-align: left; } ul.dpe-flexible-posts li img { float: left; margin-right: 10px; width: 50px; height: 50px; /* Grayscale for image */ filter: gray; /* IE6-9 */ filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */ } ul.dpe-flexible-posts li a:hover img, ul.dpe-flexible-posts a.active img, ul.dpe-flexible-photos-footer li a:hover img, ul.dpe-flexible-photos-footer a.active img { /* Disable grayscale on hover */ filter: none; -webkit-filter: grayscale(0); /* Soft transition */ -webkit-transition: .4s -webkit-filter linear; -moz-transition: .4s -moz-filter linear; -moz-transition: .4s filter linear; -o-transition: .4s -o-filter linear; -ms-transition: .4s -ms-filter linear; transition: .4s filter linear; } ul.dpe-flexible-posts li p.meta { font-weight: normal; font-style: italic; font-size: 12px; color: #e58a28; line-height: 1.2em; text-align: left; margin-top: 6px; } ul.dpe-flexible-posts li img + h4, ul.dpe-flexible-posts li img + h4 + p.meta { margin-left: 60px; } ul.dpe-flexible-posts a { text-decoration: none; } ul.dpe-flexible-posts a h4 { color: #3c8dbc; } ul.dpe-flexible-posts a h4:hover, ul.dpe-flexible-posts a h4:focus, ul.dpe-flexible-posts a.active h4 { color: #f70a0a; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; } /* Notes widget */ ul.dpe-flexible-posts.list-notes li img { width: 70px; height: 70px; border-radius: 5px; } ul.dpe-flexible-posts.list-notes li img + h4, ul.dpe-flexible-posts.list-notes li img + h4 + p.meta { margin-left: 80px; } /* Blogroll widget */ ul.dpe-flexible-posts.list-blogroll li img { width: 60px; height: 60px; border-radius: 30px; } ul.dpe-flexible-posts.list-blogroll li img + h4, ul.dpe-flexible-posts.list-blogroll li img + h4 + p.meta { margin-left: 70px; } /* * Photos widgets. */ ul.dpe-flexible-photos li { list-style-type: none; list-style-image: none; width: 45%; margin: 0 2.5%; clear: none; } ul.dpe-flexible-photos li a { display: inline-block; width: 100%; height: auto; } ul.dpe-flexible-photos li img, ul.dpe-flexible-photos-footer li img { display: block; /* Grayscale for image */ filter: gray; /* IE6-9 */ filter: grayscale(.75); /* Microsoft Edge and Firefox 35+ */ -webkit-filter: grayscale(.75); /* Google Chrome, Safari 6+ & Opera 15+ */ } #dpe_fp_widget-18 { width: 100%; height: 105px; margin: 14px 0 0 !important; } ul.dpe-flexible-photos-footer { width: 1400px !important; } ul.dpe-flexible-photos-footer li { width: auto; clear: none; float: none; display: inline-block; margin-top: 6px; margin-right: 15px; } ul.dpe-flexible-photos-footer li a { display: block; border: 6px solid #d0ceba; -webkit-transition: border .3s; -moz-transition: border .3s; -o-transition: border .3s; -ms-transition: border .3s; transition: border .3s; } ul.dpe-flexible-photos-footer li a:hover { border: 6px solid #fff; } a.dpe-flexible-photos-link { display: block; width: 30px; height: 105px; position: absolute; right: 0; background: transparent url(images/list-photoblog.png) no-repeat left 0; overflow: hidden; z-index: 10; } a.dpe-flexible-photos-link:hover { background-position: -30px 0; } /* * Conversations widget. */ .widget_recent_comments li.recentcomments { margin-left: 0; } /* * Quotes widgets. */ #quotes .av_one_half { padding-top: 24px; padding-left: 160px; background: transparent url(images/quotes-es.png) no-repeat 14px 32px; } #quotes .av_one_half + .av_one_half { background-image: url(images/quotes-en.png); } #quotes .av_one_half .widget { padding: 0 !important; } .quote-text { font: italic 1.2em Georgia, "Times New Roman", Times, serif; } .quote-text, .quote-text p { color: #ccc; text-align: left; margin: .1em 0 .4em; } .quote-author p { color: #999; text-align: left; font-size: .88em; font-weight: 300; margin-bottom: .4em; margin-left: 8px; } .quote-author a { color: #fff; } .quote-author a:hover { color: #f70a0a; } /* * Métrica 3 widget. */ #text-2 { font-size: 15px; line-height: 1.4em; text-align: justify; } #text-2 a { color: #3c8dbc; } #text-2 a:hover { color: #ff3300; text-decoration: none; } /* * FOOTER. */ #quotes > .container { padding-bottom: 50px; background: transparent url(images/bg-footer.png) no-repeat 100% bottom; } #socket .container { padding-top: 8px; padding-bottom: 2px; } /* * MISCELANEAN. */ #scroll-top-link { cursor: pointer; color: #e1e1e1 !important; border-color: #aaa !important; font-size: 36px; background: rgba(85,99,114,0.3); transition-property: background-color; transition-duration: .5s; transition-timing-function: ease; transition-delay: 0s; opacity: 1 !important; } #scroll-top-link:hover { background-color: #000; } /* More link */ .more-link { clear: both; display: block; padding: 8px 0; width: 134px; text-align: center; margin: 14px 0 0; border-radius: 4px; border-style: solid; border-width: 1px; } /* Social icons size and decoration */ .social_bookmarks li { font-size: 20px; } .social_bookmarks li a { text-decoration: none; } .av-share-box ul li a { font-size: 18px; } /* Search box adjustment */ #top #s, #top #searchsubmit { height: 44px; line-height: 44px; } #top #searchsubmit { width: 44px; } /* * RESPONSIVE MEDIA QUERIES. */ @media (min-width: 768px) and (max-width: 1399px) { /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li:last-child { display: none; } } @media (min-width: 768px) and (max-width: 1299px) { /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li + li + li + li { display: none; } /* Quotes widgets */ #quotes > .container { background-position: 92% bottom; } } @media (min-width: 768px) and (max-width: 1099px) { /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li img { display: none; } #dpe_fp_widget-9 ul.list-notes > li img + h4, #dpe_fp_widget-9 ul.list-notes > li img + h4 + p.meta { margin-left: 0 !important; } } @media (min-width: 768px) and (max-width: 929px) { /* List items widgets */ ul.dpe-flexible-posts li img { display: none; } ul.dpe-flexible-posts li img + h4, ul.dpe-flexible-posts li img + h4 + p.meta { margin-left: 0 !important; } /* Home page list notes */ #dpe_fp_widget-9 ul.list-notes > li + li + li { display: none; } /* Métrica 3 widget */ #text-2 { text-align: left; } } @media (max-width: 767px) { /* LAYOUT */ .responsive #top #wrap_all .container { width: 92%; max-width: 92%; } div.container_wrap_first { background: #fff; } #avia2-menu { display: none; } .av_icon_active_right .social_bookmarks { padding-left: 0; } /* Breadcrumb */ .title_container .breadcrumb { margin-top: .7em !important; } /* Responsive tables */ div .avia-table { width: 700px; } div .avia-table td { white-space: normal !important; } /* Photos widget */ ul.dpe-flexible-photos li { width: 31.3%; margin: 0 1%; } } @media (max-width: 567px) { /* LAYOUT */ .av-masonry-pagination .pagination-meta { display: none; } /* Left align for small devices */ .entry-content-wrapper p { text-align: left; } /* Quotes widgets */ #quotes .av_one_half { padding-top: 80px; padding-left: 10px; background-position: 6px 28px; } }