/* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== ================================================== 1. General Styles 2. Header Styles 3. Pages Styles 4. Footer Styles 5. Anchor77 Widgets 6. Recommended Isotope styles 7. Shortcodes 8. Patterns 9. #Media Queries ================================================== ================================================== /*===================================================================================*/ /* 1. General Styles /*===================================================================================*/ body, .tp_recent_tweets li > span, .tp_recent_tweets li a, #message-textarea { font-family: 'Lato', sans-serif; } body { font-weight: 400;font-size: 13px; font-size: 0.812rem; line-height: 20px; line-height: 1.25rem; color: #747474; -webkit-font-smoothing: antialiased; } .custom-image-bg { min-height: 100%; min-width: 1024px; /* Set up proportionate scaling */ height: auto; /* Set up positioning */ position: fixed; top: 0; left: 0; z-index: -1; } /* position relative elements */ .element-video.shortcode, .large-pricing, .pricing_box .pricing-button, .currency, .the-price, .price-decimals, .price-time, .pricing-header span, .tabs li a.active, .tabs-content, .dropcap-bg, .dropcap, blockquote, .progress-bar, .widget, #message-details, #message-text, #submit-contact, #message-submit, #icon-message, #message-button, .not-found, .contact-element, .form-submit #submit, .reply a, .comment-body, .children .comment-body, .share-post span, .post-categories a, .post-comments a, .blog-link span, .blog-meta a, .blog-meta, .element-slider, .blog-info li, .element, .element-image, .element-videoaudio, .element-meta, .single_member_sm li, .single_member, .element, .custom-artobutton, #shadow-artobutton, .custom-section h3, .custom-section-meta p, .shortcode, .sf-menu li, .social-icons li a, .alert-error, .alert-notice, .alert-success, .alert-info, .button-container, .button-color, .button-shadow, .page-title { position: relative; } /* position absolute elements */ .main-title, .error, .info, .success, .notice, .close-alert, .sf-menu ul, .sf-menu .menu-indicator, .sf-menu ul .menu-indicator, #flexslider .flex-caption, .custom-section-img span, .custom-section:hover span, .testimonial-icon, .testimonialslider .flex-control-nav, .single_member_sm span, .single_member_sm a:hover span, .launch-proj, .element-meta span, .icon-search, .icon-link, .hover-span, .blog-type span, .blog-slider .flex-control-nav, #singleflexslider .flex-caption h4, #singleflexslider .flex-caption p, #singleflexslider .flex-control-nav, .singleflexslider .flex-caption h4, .singleflexslider .flex-caption p, .singleflexslider .flex-control-nav, .comments-container .avatar, .children .avatar, .reply, .reply span, .comment-awaiting-moderation, .contact-block-hover, .contact-indicator, #icon-errorpage, #footer-contact, .progress-bar-content, .blockquote-icon, .element-video.shortcode iframe, .element-video.shortcode object, .element-video.shortcode embed { position: absolute; } /* text align center */ .page-title, .button-container, .alert-error, .alert-notice, .alert-success, .alert-info, .pagination, .page-next, .page-prev, .social-icons li, .section-title, .home .title, #custom-section, .custom-section h3, .testimonial-icon, .testimonialslider .flex-caption, .testimonialslider .flex-control-nav, .single_member_det, .single_member_sm li, .client-name, .element-meta, .element-image a, .element-videoaudio a, .blog-info, .blog-type, .blog-slider .flex-control-nav, .blog-meta, .share-post, .contact-section, .message-content, .not-found, .not-opt-one a, .not-opt-two a, .error-page h4, .search-page h2, #footer-contact, .dropcap, .dropcap-bg, .accordion li span, .pricing_box, .pricing_box ul, .element-image, .element-videoaudio { text-align: center; } /* elements width - 100% */ .custom-image-bg, .title-width, .page-title > img, .button-shadow, .sf-menu ul li, #flexslider .flex-caption, .shortcode, .testimonialslider .flex-control-nav, .hover-span, .blog-slider .flex-control-nav, .commentlist li, .recent-posts-anchor77 li, .four.columns .widget_search input#s, .four.columns .widget_search input#searchsubmit, .four.columns .widget_search #icon-errorpage, .pricing-header, .element-video.shortcode iframe, .element-video.shortcode object, .element-video.shortcode embed, .twitter_meta { width: 100%; } /* elements height - 100% */ .hover-span, .blog-link, #footer-contact, .element-video.shortcode iframe, .element-video.shortcode object, .element-video.shortcode embed, .post-categories { height: 100%; } .custom-pattern-bg { background-repeat: repeat; } #wrapper { background-color: #ece9e2; } #wrapper.boxed, #header-top.boxed, #footer-copyright.boxed { width: 1000px; margin: 0 auto; } .main-title { top: 17%; left: 50%; width: 960px; margin-left: -480px; } .boxed .main-title { top: 9%; } .main-title h1, .main-title h2 { display: inline-block; background-color: rgba(0,0,0,0.4); padding: 0.4em 0.6em; text-shadow:1px 1px 1px #000; } .main-title h1 { font-size: 36px; font-size: 2.25rem; max-width: 100%; } .main-title h2 { font-size: 25px; font-size: 1.562rem; margin-left: 30%; } .page-title > img { min-height: 70px; } .title-pattern { height: 70px; } .alignleft { float: left !important; } .alignright { float: right !important; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } img.alignleft, .wp-caption.alignleft { margin: 0 20px 20px 0; } img.alignright, .wp-caption.alignright { margin: 0 0 20px 20px; } #testimonial, #error-main, #error-message, #error-contact, .section, .contact-section, #recent-work, .post-content, .blog-post, #recent-blog, #our-clients, .message-content, .google-map, #feature-msg { padding: 50px 0; } #team-section { padding: 50px 0 30px 0; } .pad-bot { padding-bottom: 50px; } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ input { -webkit-border-radius: 0; border-radius: 0; } ::-moz-selection { background-color: #b3d4fc; text-shadow: none; color: #ffffff; } ::selection { background-color: #b3d4fc; text-shadow: none; color: #ffffff; } /* * Don't allow resizing of textareas. */ textarea { resize: none; } a, p, .next-entry a span, .previous-entry a span, .main-title h1 { -ms-word-wrap: break-word; word-wrap: break-word; } .social-icons li a, .custom-section-img span { -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; } /* Buttons */ .button-container { display:inline-block; height: 49px; } .button-shadow { background-color: #125c42; top: 6px; } .button-color { background-color: #1C7E5C; top: -6px; display: inline-block; padding: 0 20px; font-weight: bold; line-height: 43px; font-size: 16px; font-size: 1rem; } .button-color:hover { top: -3px; } .alert-error, .alert-notice, .alert-success, .alert-info { padding: 20px 50px; color: #ffffff; font-weight: bold; font-size: 16px; font-size: 1rem; } .alert-info { background-color: #4f8ccd; } .alert-success { background-color: #35a167; } .alert-notice { background-color: #f3d42c; } .alert-error { background-color: #cf3f49; } .error, .info, .success, .notice { font-size: 30px; font-size: 1.875rem; left: 20px; margin-top: -5px; } .close-alert { right: 20px; font-size: 20px; font-size: 1.25rem; top: 20px; } /* Pagination */ .pagination { width: 100%; font-size: 14px; font-size: 0.875rem; line-height: 23px; font-weight: 700; float: right; padding: 30px 10px 0 10px; } .pagination > ul { float: right; } .current, .pagination a { margin-left: 15px; float: left; width: 25px; height: 25px; padding-top: 1px; } .page-next, .page-prev { width: 25px; height: 25px; font-size: 20px; font-size: 1.25rem; padding-top: 2px; } .page-next { padding-left: 2px; } a.pagination-prev, a.pagination-next { padding-top: 0; } a.pagination-prev { margin: 0; } .pagination li { display: inline-block; } /* required */ .wp-caption-text { font-style: italic; font-size: 12px; font-size: 0.857142857rem; } .sticky { } .gallery-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; } .bypostauthor { } /* Languages */ .fr-FR .launch-text { font-size: 14px; } .fr-FR #message-textarea, .es-ES #message-textarea, .de-DE #message-textarea { margin-bottom: 0; } .fr-FR .contact-button.button-container, .es-ES .contact-button.button-container, .de-DE .contact-button.button-container, .it-IT .contact-button.button-container { top: 21px; } .fr-FR .reply, .es-ES .reply, .de-DE .reply { width: 50px; left: 23px; font-size: 10px; } .fr-FR .reply span, .es-ES .reply span, .de-DE .reply span { left: 18px; } .es-ES #contact-solution p, .it-IT #contact-solution p { font-size: 14px; } .es-ES .launch-text { font-size: 13px; } .es-ES .sixteen.columns .share-title { padding-top: 10px; } .es-ES #respond input#submit { font-size: 15px; } /*===================================================================================*/ /* 2. Header Styles /*===================================================================================*/ /* 2.1. Header Top */ #header-top { min-height: 40px; } .tagline p { margin:0; font-style: italic; padding-top: 9px; } .social-icons { margin: 0; font-size: 0; } .social-icons li { font-size: 14px; font-size: 0.875rem; display: inline-block; padding: 0; width: 40px; margin: 0; } .social-icons li a { width:40px; height:40px; display: block; z-index: 3; padding-top: 10px; } .social-icons li a:hover { background-color: rgba(0,0,0,0.3); } #header { min-height: 84px; } .logo { line-height: normal; font-size: medium; margin-bottom: 0; padding: 22px 0px; } /* 2.2. Navigation */ nav select { display: none; } /* hide dropdown menu */ .sf-menu { float:right; } .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; border:none; font-size: 15px; font-size: 0.937rem; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu a.different-menu { min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-menu a { display: block; } .sf-menu > li > a { text-transform: uppercase; font-weight: bold; } .sf-menu li { float: left; z-index: 40; } .sf-menu li > a:hover, .sf-menu li.active-list-indicator > a { background-color: #2981ba; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu ul { top: -9999em; width: 210px; /* left offset of submenus need to match (see below) */ } /* Make sub menus appear */ .sf-menu li:hover ul, .sf-menu li.active-list-indicator ul { top: 78px; /* match top ul list item height */ z-index: 99; border-radius: 5px; } /* Hide all subs subs (4 levels deep) */ .sf-menu li:hover li ul, .sf-menu li.active-list-indicator li ul, .sf-menu li li:hover li ul, .sf-menu li li.active-list-indicator li ul, .sf-menu li li li:hover li ul, .sf-menu li li li.active-list-indicator li ul { top: -9999em; } /* Displays all subs subs (4 levels deep) */ .sf-menu li li:hover ul, .sf-menu li li.active-list-indicator ul, .sf-menu li li li:hover ul, .sf-menu li li li.active-list-indicator ul, .sf-menu li li li li:hover ul, .sf-menu li li li li.active-list-indicator ul { left: 210px; /* match .nav ul width + 2nd level skin ul padding: 0px 12px */ top: 0; } /* 1st level */ .sf-menu a { padding: 1px 25px; margin-top: 40px; line-height: 36px; border-radius: 5px; } .sf-menu > li > a.different-menu { padding: 1px 40px 1px 25px; line-height: 36px; } /* 2nd level */ .sf-menu ul { background-color: #2981ba; } .sf-menu ul li a { font-weight: normal; line-height: 35px; min-height: 40px; font-size: 14px; font-size: 0.875rem; padding: 0 10px 0 24px; margin-top: 0; text-decoration: none; -moz-transition: padding-left 0.2s linear; -o-transition: padding-left 0.2s linear; -webkit-transition: padding-left 0.2s linear; transition: padding-left 0.2s linear; } .sf-menu ul li a:hover { padding-left: 40px; } .sf-menu ul li a { padding-top: 2px; } .sf-menu .menu-indicator, .sf-menu ul .menu-indicator { width: 0px; height: 0px; /* IE6 only */ text-indent: -999em; overflow: hidden; } .sf-menu .menu-indicator { right: 25px; top: 56px;; border-top: 4px solid #ffffff; border-left: 4px solid transparent; border-right: 4px solid transparent; } .sf-menu ul .menu-indicator { left: 185px; top: 17px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #ffffff; } /*===================================================================================*/ /* 3. Pages Styles /*===================================================================================*/ .section-title { padding-bottom: 40px; text-transform: uppercase; } /*------------------------*/ /* 3.1. Home Page /*------------------------*/ .home .title-shape { display: none; } .home .title { padding-bottom: 40px; } .home .title h2 { margin-bottom: 24px; margin-bottom: 1.5rem; } /* 3.1.1. Flex Slider */ #flexslider, .slides li { position:relative; } #flexslider .flexslider { z-index: 1; min-height: 200px; /*max-height: 435px !important; */ overflow: hidden; } #flexslider .flex-caption { top: 20%; } #flexslider .flex-caption h1, #flexslider .flex-caption p { display: inline-block; line-height: 1; background-color: rgba(0, 0, 0, 0.7); } #flexslider .flex-caption h1 { margin-left: 40%; font-size: 36px; font-size: 2.25rem; padding: 15px 20px; } #flexslider .flex-caption p { margin-left: 55%; font-size: 25px; font-size: 1.562rem; font-weight:bold; padding: 10px 15px; } .flex-caption { margin-bottom: 0; } .flex-prev, .flex-next { padding-top: 8px; } .flex-prev { padding-left: 5px; } .flex-next { padding-left: 9px; } .blog-slider .flex-prev { padding-left: 0; } .blog-slider .flex-next { padding-left: 2px; } .shortcode { float: left; } .recent-work-carousel.shorcode { width: 100%; float: left; } .slide_bg { background-color: #444444; } .slider_iframe { position: relative; height: 0; height: 529px; overflow: hidden; width: 940px; margin: 0 auto 48px auto; } .slider_iframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; ; } /* 3.1.3. Custom Section */ #custom-section .column, #custom-section .columns { top: -48px; z-index: 3; margin-bottom: 50px; border-radius: 10px !important; } .custom-section-img { padding-top: 20px; padding-top: 1.25rem; } .custom-section-img span { font-size: 64px; font-size: 4rem; margin-left: -32px; margin-left: -2rem; } .custom-section-img span, .custom-section:hover span { left: 50%; } .custom-section:hover span { font-size: 72px; font-size: 4.5rem; opacity: 0.5; margin-left: -36px; margin-left: -2.25rem; } .custom-section-title { padding-top: 60px; padding-bottom: 20px; padding-top: 3.75rem; } .custom-section h3, .custom-section-meta p { bottom: -5px; margin-bottom: 0; } .custom-section h3 { margin-top: 10px; } .custom-section-meta p { margin: 10px 10px 0; } #shadow-artobutton { bottom: -26px; width: 100px; left: 50%; margin-left: -50px; display: none; } .custom-artobutton { font-size: 14px; font-size: 0.875rem; display: block; /*padding: 14px 0;*/ border-radius: 10px; } .custom-artobutton:hover { border-radius: 10px; } .enddark { border-top: 1px solid #515050; } /* 3.1.2. Feature Message */ .feature-message { padding: 20px; display: block; overflow: hidden; } .feature-message p { margin-bottom: 0; } .feature-message h2 { float: left; width: 80%; font-style: italic; margin: 0; padding-top: 5px; } .feature-message .button-container { float: right; } /* Testimonials */ .container .centered { margin-left: 100px; } .testimonialslider { min-height: 80px; } .testimonialslider .flex-prev, .testimonialslider .flex-next { display: none; } .testimonial-icon { width: 32px; height: 32px; padding: 7px 0 0 2px; margin: 6px 0 0 5%; } .testimonialslider h5, .testimonialslider p { font-style: italic; } .testimonialslider h5 { padding-top: 0; } .testimonialslider .flex-caption p { font-size: 14px; font-size: 0.875rem; margin: 20px 0 52px; color: #747474; } .testimonialslider .flex-control-nav { bottom: 0px; } .testimonialslider .flex-control-nav li { float: none; display: inline-block; } .testimonial-light h5 { color: #ffffff; } /* Recent Work */ .recent-work-carousel { min-height: 235px; } .recent-work-carousel.shorcode { position: relative; } .recent-work-carousel .slides > li, .recent-work-carousel .flex-control-nav { display: none; } .recent-work-carousel .element { padding: 0 8px 0 7px; } .recent-work-carousel .flex-direction-nav a { top: 50%; margin-top: -27px; } .recent-work-carousel .flex-direction-nav .flex-prev { left: -80px; } .recent-work-carousel .flex-direction-nav .flex-next { right: -79px; } #categ-icon { float: left; margin: 6px 5px 0 10px; font-size: 16px; } .portfolio-categ { min-height: 32px; margin: 0 8px 0 7px; } .portfolio-categ ul { padding-top: 5px; } .portfolio-categ li { display: block; float: left; padding-left: 5px; } .portfolio-categ li a:hover, .project-content a:hover { text-decoration: underline; } .recent-work-carousel .element:hover .icon-search { left: 18px; } .recent-work-carousel .element:hover .icon-link { right: 18px; } .recent-work-carousel.shortcode .element:hover .icon-link { right: 50%; top: 39px; } .recent-work-carousel iframe { height: 160px; } .boxed .recent-work-carousel { margin-top: 40px; } .boxed .recent-work-carousel .flex-direction-nav .flex-next { right: 8px; } .boxed .recent-work-carousel .flex-direction-nav .flex-prev { left: 8px; } .boxed .recent-work-carousel .flex-direction-nav a { top: -50px; } /* Team */ .single_member { margin-bottom: 20px; } .single_member_img { width: 164px; height: 164px; overflow: hidden; float: left; margin: 20px; } .single_member_det { width: 236px; float: right; margin: 20px 20px 0 0; } .single_member_det h5, .single_member_det h6 { margin-bottom: 5px; } .single_member_det h5 { line-height: 20px; line-height: 1.25rem; } .single_member h6, .single_member_det p { line-height: 18px; line-height: 1.125rem; } .single_member h6 { font-size: 14px; font-size: 0.875rem; color: #747474; } .single_member_det p { text-align: left; } .single_member_sm ul { font-size: 0; } .single_member_sm li { display: inline-block; margin-left: 19px; } .single_member_sm a { display: block; width: 32px; height: 32px; font-size: 16px; font-size: 1rem; } .single_member_sm span, .single_member_sm a:hover span { left: 50%; } .single_member_sm span { margin-left: -8px; padding-top: 7px; } .single_member_sm a:hover span { font-size: 22px; margin-left: -11px; padding-top: 6px; } .single_member_sm li:first-child { margin-left: 0px; } .ico-fb { background-color: #3b5a9a; } .ico-gp { background-color: #dd4b39; } .ico-tw { background-color: #228ac6; } .ico-li { background-color: #4f9cc3; } .ico-pi { background-color: #B71C29; } .ico-vi { background-color: #43BFFB; } .ico-dr { background-color: #F46899; } .ico-be { background-color: #0364FA; } .ico-fl { background-color: #FF2F95; } .ico-th { background-color: #3B5876; } .ico-in { background-color: #517FA3; } .ico-ma { background-color: #999999; } /* Recent Blog */ .blog-elements .blog-info { border-bottom: none; } .blog-elements .blog-date { width: 53%; } .blog-elements .blog-author { width: 47%; } .blog-info.row { margin-bottom: 0; } .blog-elements .element-image:hover .icon-link, .blog-elements .element-videoaudio:hover .icon-link, .element-blog .element-image:hover .icon-link { top: 50%; margin-top: -32px; opacity: 1; } .blog-elements .blog-excerpt { padding-top: 0; border-bottom: none; } .blog-elements .blog-comments { width: 50%; } .blog-elements .blog-categories { width: 50%; } .blog-elements iframe { height: 143px; } .column.blog-elements { margin-bottom: 20px; } /* Clients */ #our-clients { background-color: #555555; } .client-name h6 { margin-bottom: 0; } .client-name a { display: block; min-height: 60px; padding-top: 17px; } .clients-container .element:hover .icon-link { top: 46px; } .launch-proj { width: 130px; height: 64px; top: -10px; left:50%; margin-left: -60px; padding-top: 12px; opacity: 0; } .clients-container .element:hover .launch-proj { top: 50%; margin-top: -32px; opacity: 0.7; } .launch-proj:hover { opacity: 1 !important; } .launch-text { width: 75px; float: left; font-weight: bold; font-size: 16px; font-size: 1rem; } .project-link { font-size: 32px; font-size: 2rem; padding-top: 5px; } /*------------------------*/ /* 3.2. Portfolio Page /*------------------------*/ #portfolio-container { padding-bottom: 60px; } #filter { margin: 50px 0; } #filter li { float: left; margin-left: 20px; text-transform: uppercase; font-weight: 700; line-height: normal; margin-bottom: 0; } #filter li:first-child { margin-left: 0px; } .filter-bg, #filter a.active { display: block; padding: 7px 10px; } .element-container { padding-bottom: 20px; } .element-meta, .icon-search, .icon-link, .launch-proj { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .element-meta { min-height: 75px; } .element-meta span { width: 56px; height: 44px; margin-left: -28px; left:50%; top:-22px; } .element-meta h6, .element-meta h5 { padding: 32px 15px 17px; margin-bottom: 0; } .ico-gallery, .ico-video, .ico-audio, .ico-text, .ico-embedded { font-size: 32px; font-size: 2rem; padding-top: 6px; } .ico-video { background-color: #8b5d79; } .ico-audio { background-color: #de854c; } .ico-embedded { background-color: #FACA05; } .ico-text { background-color: #1c7e5c; } .icon-search, .icon-link { width: 64px; height: 64px; padding-top: 23px; opacity: 0; /*top: 70px;*/ bottom: 22px; font-size: 20px; font-size: 1.25rem; } .icon-search { left: -10px; } .icon-link { right: -10px; } .element-video .icon-search, .element-video .icon-link, .element:hover .element-video .element-meta, .portfolio-categ.element-video { background-color: #8b5d79; } .element-audio .icon-search, .element-audio .icon-link, .element:hover .element-audio .element-meta, .portfolio-categ.element-audio { background-color: #de854c; } .element-text .icon-search, .element-text .icon-link, .element:hover .element-text .element-meta, .portfolio-categ.element-text { background-color: #1c7e5c; } .element-embedded .icon-search, .element-embedded .icon-link, .element:hover .element-embedded .element-meta, .portfolio-categ.element-embedded { background-color: #FACA05; } .element:hover .icon-search, .element:hover .icon-link { opacity: 0.5; bottom: 22px; } .element .icon-link:hover, .element .icon-search:hover { opacity: 1; } .element, .element-image, .element-videoaudio { overflow: hidden; display: block; } .hover-span { opacity: 0.7; top:0 ;left: 0; display: none; } /* 4columns */ .fourcol .element:hover .icon-search, .recent-work-carousel .element:hover .icon-search { left: 18px; } .fourcol .element:hover .icon-link, .recent-work-carousel .element:hover .icon-link { right: 18px; } .fourcol iframe { height: 156px; } /* 3columns */ .threecol .element:hover .icon-search { left: 58px; } .threecol .element:hover .icon-link { right: 58px; } .threecol iframe { height: 214px; } /* 2columns */ .twocol .element:hover .icon-search { left: 138px; } .twocol .element:hover .icon-link { right: 138px; } .twocol iframe { height: 295px; } /*------------------------*/ /* 3.3. Blog Page /*------------------------*/ /* Blog 2 Col - No sidebar */ .blog-post { padding-bottom: 60px; } .element-blog iframe { height: 220px; } .blog-info { min-height: 60px; border-bottom: 1px solid #515050; } .blog-info ul { padding-top: 20px; } .blog-info li { display: inline-block; padding-right: 7px; } .blog-author, .blog-date { float: left; width: 50%; font-size: 14px; font-size: 0.875rem; } .info-author, .info-date, .blog-meta a { top: -3px; } .info-author { font-weight: bold; } .blog-info span { font-size: 18px; font-size: 1.125rem; } .element-title.blog { min-height: 60px; } .blog-type { float: left; } .blog-type span { width: 36px; height: 36px; margin: 12px 0 0 12px;} .blog-type .ico-gallery, .blog-type .ico-video, .blog-type .ico-audio, .blog-type .ico-embedded, .blog-type .ico-text { font-size: 20px; font-size: 1.25rem; } .blog-type .ico-gallery, .blog-type .ico-video, .blog-type .ico-audio, .blog-type .ico-embedded, .blog-type .ico-text { padding: 8px 0 0 2px; } .element-title h4, .blog-elements .element-title h5 { padding: 15px 0 0 60px; margin-bottom: 0; } .blog-slider { min-height: 100px; } .blog-slider .slides > li { display: none; } .blog-slider .flex-control-nav { bottom: 20px; } .blog-slider .flex-control-nav li { display: inline-block; float: none; } .blog-excerpt { padding: 20px; border-bottom: 1px solid #515050; font-size:14px; } .blog-excerpt p { margin-bottom: 0; } .blog-meta span { font-size: 18px; font-size: 1.125rem; padding-right: 7px; } .blog-comments, .blog-categories, .blog-link { width: 33.3333%; } .blog-comments, .blog-categories { float: left; padding: 23px 0; } .blog-link { float: right; } .blog-link p { margin: 0; padding: 23px 0; } .blog-meta .readmore_btn { top: 0; } .blog-link span { padding-right: 0px; top: 2px; left: -7px; } .blog-categories li { display: inline-block; padding-left: 3px; } .blog-categories li:first-child { padding-left: 0; } .blog-comments a:hover, .blog-categories a:hover, .post-comments a:hover, .post-categories a:hover, .post-tags a:hover { text-decoration: underline; } .element-blog .icon-link, .blog-elements .icon-link { top: -10px; right: 50%; margin-right: -32px; font-size: 28px; font-size: 1.75rem; padding-top: 20px; } .element-video .blog-link, .element-video.blog-active .blog-excerpt, .blog-elements .element-video .blog-info, .blog-elements .element-video .blog-meta { background-color: #8b5d79; } .element-audio .blog-link, .element-audio.blog-active .blog-excerpt, .blog-elements .element-audio .blog-info, .blog-elements .element-audio .blog-meta { background-color: #de854c; } .element-embedded .blog-link, .element-embedded.blog-active .blog-excerpt, .blog-elements .element-embedded .blog-info, .blog-elements .element-embedded .blog-meta { background-color: #FACA05; } .element-text .blog-link, .element-text.blog-active .blog-excerpt, .blog-elements .element-text .blog-info, .blog-elements .element-text .blog-meta { background-color: #1c7e5c; } .element-video.blog-active h4, #blog-section .element-video h4:hover, .blog-elements .element-video h5:hover { color: #8b5d79; } .element-audio.blog-active h4, #blog-section .element-audio h4:hover, .blog-elements .element-audio h5:hover { color: #de854c; } .element-embedded.blog-active h4, #blog-section .element-embedded h4:hover, .blog-elements .element-embedded h5:hover { color: #FACA05; } .element-text.blog-active h4, #blog-section .element-text h4:hover, .blog-elements .element-text h5:hover { color: #1c7e5c; } .element-video .blog-link, .element-video.blog-active .blog-excerpt, .blog-elements .element-video .blog-info, .blog-elements .element-video .blog-meta { background-color: #8b5d79; } .area-do-pintor .blog-link, .area-do-pintor .blog-link:hover .blog-excerpt{ background-color:#283e99 !important; } .area-do-pintor .element-gallery .blog-link, .area-do-pintor .element-gallery.blog-active .blog-excerpt, .blog-elements .area-do-pintor .element-gallery .blog-info, .blog-elements .area-do-pintor .element-gallery .blog-meta { background-color:#283e99 !important; } .area-do-pintor .element-gallery .blog-link, .area-do-pintor .element-gallery.blog-active .blog-excerpt, .blog-elements .area-do-pintor .element-gallery .blog-info, .blog-elements .area-do-pintor .element-gallery .blog-meta { background-color: #283e99 !important; } .area-do-pintor .blog-info.row{ background-color:#283e99 !important; } .area-do-pintor .ico-gallery{ background-color:#283e99 !important; } .faca-voce-mesmo .blog-link, .faca-voce-mesmo .blog-link:hover .blog-excerpt{ background-color:#c82626 !important; } .faca-voce-mesmo .element-gallery .blog-link, .faca-voce-mesmo .element-gallery.blog-active .blog-excerpt, .blog-elements .faca-voce-mesmo .element-gallery .blog-info, .blog-elements .faca-voce-mesmo .element-gallery .blog-meta { background-color:#c82626 !important; } .faca-voce-mesmo .element-gallery .blog-link, .faca-voce-mesmo .element-gallery.blog-active .blog-excerpt, .blog-elements .faca-voce-mesmo .element-gallery .blog-info, .blog-elements .faca-voce-mesmo .element-gallery .blog-meta { background-color: #c82626 !important; } .faca-voce-mesmo .blog-info.row{ background-color:#c82626 !important; } .faca-voce-mesmo .ico-gallery{ background-color:#c82626 !important; } .listspan span { z-index: 3; } .blog-slider .icon-link { display: none; } .listspan .icon-link { display: block; } /* Blog Wide */ .wide_blog { margin-bottom: 60px; } .wide-blog .blog-meta { margin-bottom: 0; } .wide_blog iframe { height: 270px; width: 100%; } .wide_blog .blog-comments { width: 170px; } .wide_blog .blog-categories { width: 317px; } .wide_blog .blog-link { width: 153px; } .post_side .pagination { padding: 0; } /* Blog Half */ .half_blog { width: 50%; float: left; margin-right: 20px; } .half_blog_cf .blog-excerpt { padding: 10px; border-bottom: none; height: 100%;} .half_blog_cf { border-top: 1px solid #515050; border-bottom: 1px solid #515050; height: 208px; overflow: hidden; } .half_blog iframe { height: 206px; width: 100%; } .half_blog_cf img { display: block; } /*-------------------------------*/ /* 3.5. Single Page Portfolio /*-------------------------------*/ #singleflexslider .flex-caption h4, #singleflexslider .flex-caption p, .singleflexslider .flex-caption h4, .singleflexslider .flex-caption p { left: 20px; padding: 10px; margin-bottom: 0; } #singleflexslider .flex-caption h4, .singleflexslider .flex-caption h4 { bottom: 70px; } #singleflexslider .flex-caption p, .singleflexslider .flex-caption p { bottom: 30px; } #single-project .element-slider, #single-section .element-slider { min-height: 200px; } #singleflexslider .slides > li, .singleflexslider .slides > li { display: none; } #singleflexslider .flex-control-nav, .singleflexslider .flex-control-nav { bottom: 26px; right: 52px; } #single-section .flex-control-nav li, #main-section .blog-slider .flex-control-nav li { margin: 0 6px; display: zoom: 1; } .slider-margin { border: none; margin-bottom: 20px; } .project-content { padding: 20px; } .info-list { padding: 0 20px; } .description-title, .info-title { height: 50px; padding: 12px 0 0 20px; } .info-title { margin-bottom: 10px; } .description-title h6, .info-title h6, .info-list p { margin-bottom: 0px; } .project-info { margin-left: 20px; padding-bottom: 10px; } .list-title { float: left; margin-right: 10px; font-weight: bold; padding: 10px 0; } .info-details { border-bottom: 1px solid #515050; padding: 10px 0; } .info-list:last-child .info-details { border-bottom: none; } .previous-entry, .next-entry, .next-entry a span, .previous-entry a span { max-width: 100%; } .nav-arrow-left, .nav-arrow-right { display: inline-block; padding: 4px; font-size: 24px; font-size: 1.5rem; opacity: 0.7;} .nav-arrow-left:hover, .nav-arrow-right:hover { opacity: 1; } .post-navigation span { float: left; } .nav-arrow-text { padding: 6px 2px; color: #747474; } .nav-arrow-left { margin-right: 10px; } .nav-arrow-right { margin-left: 10px; } .hr-div{ border-top: 1px solid #c3c1bb; margin-bottom: 40px; } .related-projects { float: left; } .related-projects .icon-link, .recent-author .icon-link, .related-blog .icon-link, .clients-img .icon-link, .shortcode .icon-link { top: -10px; right: 50%; margin-right: -32px; font-size: 28px; font-size: 1.75rem; padding-top: 20px; } .related-projects .element:hover .icon-link, .related-author .element:hover .icon-link, .related-blog .element:hover .icon-link { top: 50%; margin-top: -32px; } .related-projects.row { margin-bottom: 10px; } .project-details.six.columns { float: right; } .related-projects iframe, .related-blog iframe { height: 156px; } /*------------------------*/ /* 3.5. Single Page Blog /*------------------------*/ .post-details .blog-info { color: #cccccc; } .post-date, .post-author, .post-comments, .post-categories { float: left; min-width: 20%; } .project-content.row, .post-tags > p, .post-tags.row { margin-bottom: 0; } .project-content > div { max-width: 100%; } .post-tags { min-height: 60px; padding: 20px; } .post-tags > p > span { font-size: 16px; font-size: 1rem; font-weight: bold; padding-right: 20px; } .post-date { height: 59px; } .post-comments { padding-top: 20px; } .post-comments a { padding-left: 7px; } .post-categories a, .post-comments a { top: -3px; color: #cccccc; } .author-posts h6 { font-size: 12px; font-size: 0.75rem; } .author-posts .ico-gallery, .author-posts .ico-video, .author-posts .ico-audio, .author-posts .ico-embedded, .author-posts .ico-text { left: 0; top:0; } .element-meta.author-posts { min-height: 60px; } .author-posts h6 { padding: 17px 12px 17px 55px; text-align: left; } .share-post { height: 60px; margin-top: 15px; } .share-post li { float: left; } .share-post span { padding-right: 15px; font-size: 20px; font-size: 1.25rem; top: 3px; } .share-post a { top: -3px; height: 60px; padding-top: 20px; } .share-title { height: 60px; padding-top: 20px; font-size: 16px; font-size: 1rem; font-weight: bold; } .facebook_share:hover { background-color: #3b5a9a; } .google_share:hover { background-color: #dd4b39; } .twitter_share:hover { background-color: #228ac6; } .linkedin_share:hover { background-color: #4f9cc3; } .pinterest_share:hover { background-color: #B71C29; } .posts-side li:first-child { margin-left: 0; } .recent-author img, .recent-author iframe { height: 144px; width: 220px; } /* Sidebar */ .eleven.columns .post-date, .eleven.columns .post-author, .eleven.columns .post-comments, .eleven.columns .post-categories { width: 50%; } .single-section .eleven.columns .blog-info { min-height: 120px; } .eleven.columns .share-post { min-height: 120px; } .eleven.columns .post-date, .eleven.columns .post-author, .eleven.columns .post-comments { height: 60px; } .eleven.columns .post-author { border-bottom: 1px solid #515050; } .eleven.columns .post-comments { border-right: 1px solid #515050; } .eleven.columns .share-title, .eleven.columns .twitter_share .share.columns { width: 214px; } .eleven.columns .share.columns { width: 213px; } .hibrid.columns { width: 23%; margin: 0 8px; } .hibrid.columns iframe { width: 100%; height: 104px; } .hibrid.columns h6 { font-size: 12px; font-size: 0.75rem; } .hibrid-recent { width: 300px; float: left; } .hibrid-recent:first-child { margin-right: 40px; } .hibrid-recent .recent-author img { width: 100%; height: auto; } .hibrid-recent iframe { height: 214px; width: 100%; } .eleven.columns .posts-side .title { margin-top: 20px; } .eleven.columns .single_member_det { width: 416px; } #respond.eleven.columns textarea { width: 100%; } #respond.eleven.columns input { width: 32%; } /* Comments */ .comments-container .title h2 { margin-bottom: 20px; margin-bottom: 1.25rem; } .commentlist { padding-bottom: 30px; border-bottom: 1px solid #c3c1bb; margin-bottom: 30px; } .commentlist li { padding-top: 20px; float: left; } .comment-body, .children .comment-body { padding: 12px 0px 10px 95px; min-height: 115px; } .comments-container .avatar, .children .avatar { left: 15px; top: 15px; } .comment-author { float: left; margin-right: 2px; } .commentlist .fn, .fn a { font-size: 14px; font-size: 0.875rem; font-weight: bold; } .commentmetadata, .children .commentmetadata { font-size: 12px; font-size: 0.75rem; padding: 0 0 5px 0; } .reply { width: 44px; height:36px; font-weight: bold; font-size: 12px; top: 62px; left: 26px; text-transform: capitalize; opacity: 0.7; text-align: center; } .reply span { font-size: 14px; font-size: 0.875rem; left: 15px; top: 2px; } .reply a { top: 15px; padding: 17px 0 4px; } .reply:hover { opacity: 1; } ul.children { margin: 0 0 0 10px; } .commentlist .children li { background-image: url('../images/l.png'); background-repeat: no-repeat; background-position: -1px 0; background-color: transparent; border-left: 1px solid #CDCDCD; margin: 0; padding-left: 20px; } .commentlist .children li:last-child { border-left: none; background-image: url('../images/l-comment.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; } #respond { margin-top: 20px; } #respond input { width: 25%; margin-right: 2%; height: 34px; float: left; padding: 0 12px; border: 1px solid transparent; color: #bbbbbb; } input#url { margin-right: 0; } #respond textarea { width: 79%; margin-top: 20px; padding: 12px; border: 1px solid transparent; color: #bbbbbb; } #respond input:focus, #respond textarea:focus { border: 1px solid #3498db; } .form-submit { margin-top: 20px; } .form-submit #submit { background-color: #1C7E5C; font-size: 16px; font-size: 1rem; height: 60px; -webkit-box-shadow: 0px 6px 0px #125c42; -moz-box-shadow: 0px 6px 0px #125c42; box-shadow: 0px 6px 0px #125c42; } .form-submit #submit:hover { top: 3px; -webkit-box-shadow: 0px 3px 0px #125c42; -moz-box-shadow: 0px 3px 0px #125c42; box-shadow: 0px 3px 0px #125c42; } .depth-10 .reply { display: none; } .comment br { display: none; } .comment-awaiting-moderation { float: right; padding: 8px 10px; top: 50%; margin-top: -20px; height: 40px; left: 50%; margin-left: -120px;} span.comment-off { position: relative; font-size: 13px; font-size: 0.812rem; top: -3px; padding-left: 7px; } .comments-pag .prev > span, .comments-pag .next > span { font-size: 24px; font-size: 1.5rem; position: relative; top: -3px; } /*------------------------*/ /* 3.6. Contact Page /*------------------------*/ .contact-section { margin-bottom: 20px; } .contact-element { display: inline-block; margin: 0 30px; } .contact-block { width: 160px; height: 128px; padding-top: 20px; } .contact-block:hover, .contact-block.active { cursor: pointer; } .contact-block-hover { display: none; width: 190px; height: 35px; margin-left: -15px; bottom: -50px; } .contact-block-hover h5 { padding-top: 3px; font-size: 13px; font-size: 0.812rem; } .contact-block span { font-size: 60px; font-size: 3.75rem; } .contact-block h5 { padding-top: 5px; } .contact-indicator { top: -10px; left: 50%; margin-left: -10px; width: 0px; height: 0px; text-indent: -999em; overflow: hidden; border-bottom: 10px solid #232323; border-left: 10px solid transparent; border-right: 10px solid transparent; } .google-map iframe { height: 300px; } .business-hours { padding-left: 40px; padding-top: 110px; } .contact-side ul { margin-bottom: 20px; } .google-map, .contact-side { padding-bottom: 70px; } .contact-block-hover.active { display: block; } /*------------------------*/ /* 3.6. 404 Page /*------------------------*/ .not-found { width: 340px; float: left; padding: 20px 40px; margin-left: 120px; } .not-opt-one, .not-opt-two { width: 160px; float: left; margin-left: 20px; } .not-found h5 { line-height: 26px; line-height: 1.625rem; margin: 0; } input#s { width: 178px; float: left; padding: 14px 0 14px 17px; font-size: 18px; color: #de854c; background-color: #333333; margin: 10px 0 0; border: none; } .not-opt-one a, .not-opt-two a { float: left; width: 160px; height: 152px; padding-top: 28px; font-size: 64px; font-size: 4rem; } .not-opt-one h5, .not-opt-two h5 { margin-top: 10px; } .error-page h4 { font-size: 22px; margin: 0; } .search-form-custom button { border: none; background-color: transparent; height: 50px; width: 65px; margin: 10px 0 0; float: left; } #icon-errorpage { font-size: 32px; font-size: 2rem; background-color: #de854c; bottom: 20px; right: 40px; padding: 6px 17px 5px 17px; } .error-page .contact-section { margin-bottom: 50px; } .error-page .container .hr-simple { margin-bottom: 0; } /*------------------------*/ /* 3.7. Other Pages /*------------------------*/ .category-page .related-projects, .archive-page .related-projects, .search-page .related-projects { padding: 60px 0; float: none; } .related-projects #error-main { padding: 0; } .related-projects #error-main h5 { padding-bottom: 26px; } /*===================================================================================*/ /* 4. Footer Styles /*===================================================================================*/ #footer-copyright { min-height: 40px; } #copyright-section { margin: 0; padding-top: 11px; } /* Contact Form */ .done { display: none; } .done { font-size: 16px; font-size: 1rem; } #footer-contact { right: 0; padding: 40px 20px 0; min-height: 386px; } #message-details, #message-text, #message-footer, #message-submit { display: inline-block; } #message-name, #message-email, #message-textarea, #message-solution, #message-textarea, #message-question { float: left; } #message-name, #message-email, #message-textarea, #message-solution, #message-submit { border: 1px solid transparent; } #message-name.error-contact, #message-email.error-contact, #message-textarea.error-contact, #message-solution.error-contact { border: 1px solid red; } #message-name, #message-email, #message-textarea, #message-solution { background-color: #2981ba; } #footer-contact input, #footer-contact textarea { font-size: 13px; font-size: 0.812rem; } #message-name, #message-email, #message-solution { padding: 0 0 0 13px; height: 34px; } #message-name, #message-email { margin-bottom: 12px; width: 174px; } #message-name { margin-right: 12px; } #message-textarea { margin-bottom: 12px; padding: 10px 0 0 13px; width: 360px; height: 130px; resize: none; } #message-solution { width: 211px; } #message-question { margin-bottom: 8px; } #message-submit { padding-right: 15px; padding-top: 11px; width: 137px; background-color: transparent; } #icon-message { float: right; font-size: 32px; font-size: 2rem; top: -3px; } #contact-solution { float: left; width: 211px; margin-right: 12px; } #submit-contact { float: right; } .contact-button.button-container { height: 63px; top: 1px; } .contact-button .button-color { padding: 0; line-height: 33px; } #message-button { top: -3px; } #footer-contact ::-webkit-input-placeholder { color: #ffffff; opacity: 0.8; } #footer-contact :-moz-placeholder { /* Firefox 18- */ color: #ffffff; opacity: 0.8; } #footer-contact ::-moz-placeholder { /* Firefox 19+ */ color: #ffffff; opacity: 0.8; } #footer-contact :-ms-input-placeholder { color: #ffffff; opacity: 0.8; } /*===================================================================================*/ /* 5. Anchor77 Widgets /*===================================================================================*/ .widget { clear: both; overflow: hidden; } .textwidget img { margin-bottom: 15px; } .sidebar_side .widget { margin-bottom: 20px; padding-bottom: 20px; } .blog-widget-title { color: #ffffff; padding: 10px; } .widget_archive .blog-widget-title, .widget_categories .blog-widget-title, .widget_pages .blog-widget-title, .widget_meta .blog-widget-title, .widget_recent_entries .blog-widget-title, .widget_nav_menu .blog-widget-title { margin-bottom: 0; border-bottom: 1px solid #3a3a3a; } .widget > ul li, .menu > li { -moz-transition: padding-left 0.2s linear; -o-transition: padding-left 0.2s linear; -webkit-transition: padding-left 0.2s linear; transition: padding-left 0.2s linear; } .sidebar_side .widget > ul > li { padding-left: 10px; padding-right: 10px; } .widget ul li a:hover { text-decoration: underline; } .widget_archive > ul > li, .widget_categories > ul > li, .widget_pages > ul > li, .widget_meta > ul > li, .widget_recent_comments > ul > li, .widget_recent_entries > ul > li, .widget_rss > ul > li, .widget_nav_menu .menu > li { padding: 10px 0; border-bottom: 1px solid #3a3a3a; } .widget_archive > ul > li:hover, .widget_categories > ul > li:hover, .widget_pages > ul > li:hover, .widget_meta > ul > li:hover, .widget_recent_entries > ul > li:hover, .widget_nav_menu .menu > li:hover { padding-left: 15px; } .widget_archive select, .widget_categories select { margin: 20px 0 0 10px; width: 90%; } .widget_categories > ul > li ul li, .widget_pages > ul > li ul li, .widget_nav_menu .menu > li ul li { border-top: 1px dashed #3a3a3a; padding-top: 10px; margin-top: 10px; } .sidebar_side .widget_search #icon-errorpage { bottom: 20px; right: 10px; } .sidebar_side input#s, .widget_nav_menu .menu > li ul li { margin-left: 10px; } .sidebar_side .widget_nav_menu .menu > li { padding-left: 10px; } .sidebar_side .widget_nav_menu .menu > li:hover { padding-left: 15px; } .sidebar_side .textwidget, .sidebar_side .tagcloud { padding: 0 10px; } .sidebar_side > .widget_anchor77widgetrecentpost .widget-element, .sidebar_side > .widget_anchor77widgettwitter .twitter-tweets > ul > li { padding-left: 10px; } .textwidget select { width: 99%; } /* Calendar */ .sidebar_side #calendar_wrap { margin: 0 10px; } #calendar_wrap, #wp-calendar > tbody > tr > td > a { background-color: #2981ba; } #wp-calendar { width: 100%; color: #fff; } #wp-calendar caption { text-transform: uppercase; font-weight: bold; font-size: 16px; font-size: 1rem; padding: 10px 0; } #wp-calendar > thead > tr >th { padding: 10px 0; } #wp-calendar > tbody > tr > td { padding: 2px 0 2px 14px; } #wp-calendar > tbody > tr > td > a { padding: 3px 10px; } #wp-calendar > tfoot > tr > td { padding: 10px 0; } #wp-calendar > tfoot > tr > #prev { padding-left: 10px; } #wp-calendar > tfoot > tr > #next { padding-right: 10px; } #wp-calendar > tfoot > tr > #prev > a:hover, #wp-calendar > tfoot > tr > #next > a:hover, #wp-calendar > tbody > tr > td > a:hover { text-decoration: underline; } /* --------- FOOTER WIDGETS --------- */ #footer-widgets { min-height: 386px; } .footer-widgets { padding: 40px 0 0 0; } .footer-widget-title, .footer-widgets .widget { margin-bottom: 40px; } .footer-widget-title { text-transform: uppercase; } /* Anchor Twitter */ .twitter-tweets > ul > li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #3a3a3a; } .twitter-widget-profile { margin-bottom: 15px; } .twitter-widget-profile img { padding: 4px; background-color: #EEE; float: left; margin: 0 10px 5px 0; } .twitter-widget-profile h6 { margin-bottom: 5px; color: #999; font-size: 14px; font-style: italic; } .twitter-widget-profile p { font-size: 14px; font-size: 0.875rem; } .twitter-widget-msg { margin-bottom: 3px; } .twitter-widget-icon { float: left; margin-right: 15px; padding-top: 2px; } .twitter-widget-profile h5 { font-size: 16px; font-size: 1rem; margin-bottom: 0; } .twitter-follow { display: none; } .twitter-widget-msg > a:hover { text-decoration: underline; } .widget.widget_anchor77widgettwitter .twitter-widget-profile > a:hover { text-decoration: none; } /* Recent Tweets */ .tp_recent_tweets li { background-image: none !important; padding-left: 0 !important; padding-bottom: 15px !important; margin-bottom:15px; border-bottom: 1px solid #3a3a3a; } .tp_recent_tweets li > span { padding-left: 15px; } .twitter_time { color: #ffffff !important; } /* Wysija Newsletters */ .widget_wysija .footer-widget-title { margin-bottom: 32px; } .wysija-input, .widget_wysija_cont .wysija-submit { font-size: 16px; font-size: 1rem; border: none; line-height: 20px; line-height: 1.25rem; } .wysija-input { width: 180px; float: left; color: #de854c; background-color: #333333; padding: 14px 0 14px 10px; } .widget_wysija_cont .wysija-submit { display: inline; margin: 0; width: 100px; background-color: #de854c; cursor: pointer; padding: 14px 0 14px 2px; } .widget_wysija_cont .updated { background-color: #de854c; border: none; font-size: 14px; font-size: 0.875rem; padding: 5px; } .formError .formErrorContent { background-color: #de854c; left: -185px; border: none; top:-40px; } .sidebar_side .wysija-input { width: 170px; margin-left: 10px; } .sidebar_side .widget_wysija_cont .wysija-submit { width: 90px; } /* Ads */ .multiple-ads li { float: left; padding: 10px 0 10px 30px; } .four.columns .multiple-ads img { max-width: 100px; } .four.columns .multiple-ads li { padding-left: 20px; } .sidebar_side .single-ad { padding: 0 10px; } .sidebar_side .multiple-ads { padding-left: 10px; } .sidebar_side .multiple-ads > li.ad_fig_one, .sidebar_side .multiple-ads > li.ad_fig_three { padding-right: 0; } /* Recent Posts */ .recent-posts-anchor77 > li { float: left; padding: 10px 0; border-bottom: 1px solid #3a3a3a; } .widget-element h4 { font-size: 16px; font-size: 1rem; line-height: 16px; margin-bottom: 10px; font-weight: 500; padding: 0; } .widget-element .element-meta { text-align: left; background-color: transparent; } .widget-img { float: left; margin-right: 14px; } .widget-img img { padding: 4px; background-color: #EEE; } .widget-element .element-meta { float: left; min-height: 58px; } .widget-element .widget-excerpt { font-size: 12px; } /* Tag Cloud */ .widget_tag_cloud a { font-size: 11px !important; padding: 2px 8px; margin: 0 1px 1px 0; display: block; float: left; border: 1px solid #3a3a3a; text-decoration: none; color: #747474; } /* Search */ .widget_search { z-index: 1; } .widget_search #icon-errorpage { right: 19px; bottom: 0; } .four.columns .widget_search input#s, .four.columns .widget_search input#searchsubmit { margin-top: 0; } .four.columns .widget_search #icon-errorpage { right: 0; } .four.columns .widget_search .search-form-custom { height: 99px; } .four.columns .widget_search button { margin-top: 0px; width: 220px; } /*===================================================================================*/ /* 6. Recommended Isotope styles /*===================================================================================*/ /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: top, left, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /*===================================================================================*/ /* 7. #Shortcodes /*===================================================================================*/ .col-short { margin-bottom: 20px; } /* Title */ .title-shape { width: 24px; height: 18px; float: left; margin: 8px 10px 0 0; } .title h2 { text-transform: uppercase; margin-bottom: 60px; margin-bottom: 3.75rem; } /* Lists */ ul.bullet-list, ol.square-list { font-size: 0; list-style: none; margin: 0; color: #747474; font-size: 13px; font-size: 0.812rem; } ul.bullet-list li { margin-bottom: 10px; margin-bottom: 0.625rem; padding-top: 4px; font-size: 13px; } ul.bullet-list li:first-child { padding-top: 5px; } ul.bullet-list li:before { display: block; float: left; margin-right: 11px; margin-right: 0.687rem; margin-top: -1px; padding: 4px; margin-bottom: 5px; } .lista-endereco{ padding-top:20px; } ol.square-list { counter-reset:li; } ol.lista-lojas { padding-left: 30px; } ol.square-list > li { position:relative; margin:0 0 10px 32px; margin:0 0 0.625rem 2rem; padding-top: 3px; } ol.square-list > li:before { background-color: #121b42 !important; content:counter(li); counter-increment:li; position:absolute; top: 3px; left: -32px; left: -2rem; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing: border-box; width: 20px; height: 20px; text-align:center; font-size: 13px; font-size: 0.812rem; font-weight: bold; } ol.square-list li ol li:before { width: 15px; } .square-list li ul { margin-top: 6px; } ol.square-list ol li:last-child { margin-bottom: 0; } /* Progress bar */ .progress-bar { height: 38px; background-color: #d4d4d4; margin-bottom: 10px; } .progress-bar-highlight { height: 38px; } .progress-bar-content { font-size: 13px; font-size: 0.812rem; top: 9px; left: 13px; font-weight: bold; } /* Divider */ .hr-simple { max-width: 940px; margin: 0 auto; clear: both; -moz-box-sizing: content-box; box-sizing: content-box; border: 0; height: 1px; background-color: #c3c1bb; } .container .hr-simple { margin-bottom: 30px; } /* Blockquote */ blockquote { border-left: none; width: 90%; padding: 20px; font-size: 16px; font-size: 1rem; line-height: 20px; font-style: italic; margin: 20px 0; } .blockquote-icon { font-size: 30px; font-size: 1.875rem; left: -25px; top: 11px; } /* Deropcap */ .dropcap { text-transform: uppercase; float: left; font-size: 55px; line-height:55px; margin-right: 10px; } .dropcap-bg { text-transform: uppercase; float: left; display: block; font-size: 40px; line-height: 30px; height: 50px; width: 40px; margin-right: 10px; margin-top: 5px; padding-top: 8px; } .highlight { padding: 2px 4px; } /* Tabs */ .tabs-content { border: 1px solid #999999; top: -1px; } .tab-content-inactive { display: none; } .tabs-content p { margin-bottom: 0; } .tab-content { padding: 15px; overflow: hidden; } .tab-content .alignleft { margin-right: 15px; } .tab-content .alignright { margin-left: 15px; } .tab-content .aligncenter { padding: 15px 0; } .tabs { overflow: hidden; } ul.tabs { margin-bottom: 0; } .tabs li { display: inline; } .tabs li a { display: block; min-width: 20px; float: left; padding: 4px 10px; background-color: #555555; border-bottom: 1px solid #999999; border-right: 1px solid #999999; } .tabs li:last-child a { border-right: none; } .tabs li a.active { z-index: 2; } /* Accordion */ .accordion-head { display: block; margin-bottom: 4px; } .accordion-content { display: none; padding: 15px 15px 0 0; } .accordion-content .alignleft { margin-right: 15px; } .accordion-content .alignright { margin-left: 15px; } .accordion-content .aligncenter { padding: 15px 0; } .accordion li { overflow: hidden; margin: 0; border-bottom: 1px solid #999999; padding: 10px 0px; } .accordion li a { color: #747474; font-weight: bold; } .acoordion-icona, .acoordion-iconb { padding-top: 3px; width: 24px; height: 24px; float: left; margin-right: 18px; } .acoordion-icona { display: block; } .acoordion-iconb { display: none; background-color: #555555; } .active .acoordion-icona { display: none; } .active .acoordion-iconb { display: block; } /*Pricing box*/ .pricing_box { width: 19%; border-left: 1px solid #515050; border-right: 1px solid #515050; float: left; } .pricing_box.first, .pricing_box.last { border: none; } .pricing-header { height: 60px; background-color: #2981ba; } .pricing-header span { top: 16px; font-size: 24px; font-weight: bold; line-height: 28px; text-transform: uppercase; } .pricing-row { height: 80px; font-weight: bold; } .currency { font-size: 18px; top: 25px; left: 5px; } .the-price { font-size: 42px; top: 30px; left: 15px; } .price-decimals, .price-time { font-size: 14px; } .price-decimals { top: 12px; left: 19px; border-bottom: 1px solid #ffffff; } .price-time { top: 30px; left: -3px; } .pricing_box li { line-height: 4em; padding: 0 10px; border-bottom: 1px solid #515050; font-size: 14px; font-size: 0.875rem; } .pricing_box .pricing-button { text-transform: uppercase; top: 20px; } .medium .button-shadow { background-color: #1b4e70; } .large-pricing { width: 24%; z-index: 9; margin-top: -38px; border: none; } .large-pricing .pricing-header { background-color: #bd6e3c; height: 70px; } .large-pricing .pricing-header span { top: 22px; font-size: 30px; } .large-pricing .pricing-row { height: 90px; background-color: #de854c; } .large-pricing .currency { font-size: 24px; top: 25px; left: 5px; } .large-pricing .the-price { font-size: 60px; top: 35px; left: 15px; } .large-pricing .price-decimals { top: 5px; left: 17px; border-bottom: 1px solid #ffffff; font-size: 18px; } .large-pricing .price-time { top: 35px; left: -3px; font-size: 18px; } .large-pricing li { font-size: 16px; font-size: 1rem; font-weight: bold; } .large .button-color { padding: 6px 25px; font-size: 20px; font-size: 1.25rem; background-color: #de854c; } .large .button-shadow { background-color: #7a482a; } .twitter-embedded.alignleft { padding-right: 15px; } .twitter-embedded.alignright { padding-left: 15px; } .element-video.shortcode { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .element-video.shortcode iframe, .element-video.shortcode object, .element-video.shortcode embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .element-video.shortcode-soundcloud { padding-bottom: 0; } .element-video.shortcode iframe.soundcloud { max-height: 166px; } .multi_testi .slides { width: 88%; } /*===================================================================================*/ /* 8. #Theme Colors /*===================================================================================*/ h1, h2, h3, h4, h5, h6, #recent-work h2, #recent-blog h2, .logged-in-as a:hover, .contact-side b, .title h2 { color: #333333; } .flex-caption h1, .flex-caption h4, #testimonial .flex-caption h5, #team-section h2, .title-width h1, .main-title h2, .custom-section-title h3, .element-title h6, .element-title h4, .element-meta a, .single_member_det h5, .element-title h5, .description-title h6, .info-title h6, .footer-widget-title h5, .not-found h5, .not-opt-one h5, .not-opt-two h5, .client-name h6, .contact-block h5, .contact-block-hover h5, #our-clients h2, .button, .current, .tagline p, .flex-caption p, .feature-message h2, .testimonial-icon, .list-title, .element-gallery.blog-active .blog-excerpt, .element-video.blog-active .blog-excerpt, .element-audio.blog-active .blog-excerpt, .element-link.blog-active .blog-excerpt, .element-embedded.blog-active .blog-excerpt, .element-text.blog-active .blog-excerpt, .blog-categories, .blog-meta span, .ico-gallery, .ico-video, .ico-audio, .ico-text, .ico-embedded, .blog-elements .blog-info, .portfolio-categ, .widget_wysija_cont .updated, .widget_wysija_cont .wysija-submit, .footer-widget-title, #message-button, #icon-message, #message-name, #message-email, #message-textarea, #message-question,#message-solution, #message-submit, #copyright-section, #icon-errorpage, .contact-block span, .comment-awaiting-moderation, .form-submit #submit, .reply, .share-title, .post-date, .info-details a:hover, .pricing-row, .pricing-header, .acoordion-icona, .acoordion-iconb, .tabs li a, .progress-bar-content, ol.square-list > li:before, ul.bullet-list li:before, .button-color p, .dropcap-bg, .highlight, .custom-section-img span, .tp_recent_tweets li:before, .author-posts h6, .done, .post-tags > p > span, .twitter-widget-timestamp, .twitter-widget-profile h5, .twitter-widget-icon, .widget_archive > ul > li > a, .rsswidget { color: #ffffff; } .pagination .current, .pagination a:hover, .page-next:hover, .page-prev:hover, #header-top, .sf-menu li.current-cat > a, .sf-menu li.current_page_item > a, .sf-menu li.current-menu-item > a, .sf-menu li.current-menu-ancestor > a, .pricing-row, .acoordion-icona, .tabs li a.active, .dropcap-bg, .progress-bar-highlight, ol.square-list > li:before, ul.bullet-list li:before, .title-shape, #footer-contact, #footer-copyright, .not-opt-one a:hover, .not-opt-two a:hover, .contact-block:hover, .contact-block.active, .comment-awaiting-moderation, .reply, .post-date, .nav-arrow-left, .nav-arrow-right, .description-title, .info-title, #singleflexslider .flex-caption h4, .singleflexslider .flex-caption h4, .element-gallery .blog-link, .element-gallery.blog-active .blog-excerpt, .blog-elements .element-gallery .blog-info, .blog-elements .element-gallery .blog-meta, .element-gallery .blog-link:hover .blog-excerpt, .element-gallery .icon-search, .element-gallery .icon-link, .element:hover .element-gallery .element-meta, .portfolio-categ.element-gallery, .clients-img .icon-link, .ico-gallery, #filter a.active, .filter-bg:hover, .launch-proj, .element:hover .client-name, #team-section, .testimonial-icon, .message-bg, .flex-caption a h1:hover, .sf-menu ul li a:hover, .sf-menu ul li ul li a:hover, .share-post .share-title, .medium .button-color, .widget-img img:hover, #flexslider .flex-caption > a > h1:hover, .blog-slider .flex-next:hover, .blog-slider .flex-prev:hover, .blog-slider .flex-control-paging li a.flex-active, .blog-slider .flex-control-paging li a, .blog-slider .flex-control-paging li a:hover, .comments-pag a:hover, .twitter-widget-profile img:hover, #wp-calendar > tbody, #wp-calendar caption, .blog-widget-title, .widget_archive > ul > li:hover, .widget_categories > ul > li:hover, .widget_pages > ul > li:hover, .widget_meta > ul > li:hover, .widget_recent_entries > ul > li:hover, .widget_nav_menu .menu > li:hover { background-color: #3498db; } .accordion li a:hover, .dropcap, .blockquote-icon, .error-page h4, .message-content h1, .logged-in-as a, .comment-edit-link, #cancel-comment-reply-link, .commentlist .fn, .fn a, .nav-arrow-text:hover, .info-details a, .element-gallery.blog-active h4, #blog-section .element-gallery h4:hover, .blog-elements .element-gallery h5:hover, .widget_archive a, .widget_tag_cloud a:hover, .tp_recent_tweets li a:hover, .twitter-widget-profile h5:hover, .twitter-widget-profile p:hover, .recentcomments, .recentcomments > .url { color: #3498db; } #respond input:focus, #respond textarea:focus { border: 1px solid #3498db; } .pricing_box, #footer-widgets, .not-opt-one a, .not-opt-two a, .not-found, .contact-block-hover, .contact-block, #respond textarea, #respond input, .comment-body, .children .comment-body, .share-post, .post-details .blog-info, .project-content, .project-info, .post-navigation, #singleflexslider .flex-caption p, .singleflexslider .flex-caption p, .element-blog, .blog-elements, .hover-span, .element-meta, .filter-bg, .client-name, .single_member, #testimonial, #feature-msg, #bg-separator, #custom-section, #header, .page-next, .page-prev, .pagination a, .post-tags, .comments-pag a, .sidebar_side .widget { background-color: #232323; } /*===================================================================================*/ /* 9. Bg. Patterns /*===================================================================================*/ .pattern1 { background-image: url('../images/patterns/bgnoise_lg.png'); background-repeat: repeat; } .pattern2 { background-image: url('../images/patterns/carbon_fiber.png'); background-repeat: repeat; } .pattern3 { background-image: url('../images/patterns/bright_squares.png'); background-repeat: repeat; } .pattern4 { background-image: url('../images/patterns/denim.png'); background-repeat: repeat; } .pattern5 { background-image: url('../images/patterns/graphy.png'); background-repeat: repeat; } .pattern6 { background-image: url('../images/patterns/px_by_Gre3g.png'); background-repeat: repeat; } .pattern7 { background-image: url('../images/patterns/woven.png'); background-repeat: repeat; } .pattern8 { background-image: url('../images/patterns/hexellence.png'); background-repeat: repeat; } .pattern9 { background-image: url('../images/patterns/random_grey_variations.png'); background-repeat: repeat; } .pattern10 { background-image: url('../images/patterns/green_gobbler.png'); background-repeat: repeat; } .pattern11 { background-image: url('../images/patterns/starring.png'); background-repeat: repeat; } .pattern12 { background-image: url('../images/patterns/knitted-netting.png'); background-repeat: repeat; } /*===================================================================================*/ /* 10. #Media Queries /*===================================================================================*/ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) { .pattern1 { background-image: url('../images/patterns/bgnoise_lg@2x.png'); background-repeat: repeat; } .pattern2 { background-image: url('../images/patterns/carbon_fiber@2x.png'); background-repeat: repeat; } .pattern3 { background-image: url('../images/patterns/bright_squares@2x.png'); background-repeat: repeat; } .pattern4 { background-image: url('../images/patterns/denim@2x.png'); background-repeat: repeat; } .pattern5 { background-image: url('../images/patterns/graphy@2x.png'); background-repeat: repeat; } .pattern6 { background-image: url('../images/patterns/px_by_Gre3g@2x.png'); background-repeat: repeat; } .pattern7 { background-image: url('../images/patterns/woven@2x.png'); background-repeat: repeat; } .pattern8 { background-image: url('../images/patterns/hexellence@2x.png'); background-repeat: repeat; } .pattern9 { background-image: url('../images/patterns/random_grey_variations@2x.png'); background-repeat: repeat; } .pattern10 { background-image: url('../images/patterns/green_gobbler@2x.png'); background-repeat: repeat; } .pattern11 { background-image: url('../images/patterns/starring@2x.png'); background-repeat: repeat; } .pattern12 { background-image: url('../images/patterns/knitted-netting@2x.png'); background-repeat: repeat; } } /* Smaller than 1080 (devices and browsers) */ @media only screen and (max-width: 1080px) { } /* Smaller than 1024 (devices and browsers) */ @media only screen and (max-width: 1024px) { .main-title { top: 20%; } .main-title h1, .main-title h2 { padding: 0.2em 0.4em; } .main-title h1 { font-size: 28px; font-size: 1.75rem; margin-bottom: 10px; } .main-title h2 { font-size: 20px; font-size: 1.25rem; margin-left: 30%; } #flexslider .flex-caption h1 { font-size: 26px; font-size: 1.625rem; } #flexslider .flex-caption p { font-size: 20px; font-size: 1.25rem; } .recent-work-carousel .flex-direction-nav .flex-next { right: 8px; } .recent-work-carousel .flex-direction-nav .flex-prev { left: 8px; } .recent-work-carousel .flex-direction-nav a { top: -50px; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #wrapper.boxed, #header-top.boxed, #footer-copyright.boxed { width: 768px; } .hr-simple, .main-title { max-width: 748px; } .main-title, .boxed .main-title { top: 12%; margin-left: -374px; } .title-pattern { height: 150px; } .navigation { padding: 30px 0px 30px 0px; } .navigation ul { display: none; } .navigation select { display: inline-block; width: 80%; float: right; height: 34px; padding: 7px 8px; color: #CCCCCC; background-color: #333333; border: transparent; border-radius: 0; -webkit-appearance: none; } #single-project .element-slider, #single-section .element-slider { min-height: auto; } #flexslider .flex-caption h1 { font-size: 22px; font-size: 1.375rem; } #flexslider .flex-caption p { font-size: 16px; font-size: 1rem; } .slider_iframe { height: 421px; width: 748px; } .custom-section h3 { font-size: 19px; font-size: 1.187rem; } .single_member_img { width: 179px; height: 179px; margin: 10px; } .recent-work-carousel.columns { margin-top: 40px; } .single_member_det { width: 150px; float: right; margin: 10px 10px 0 0; } .single_member_sm { position: absolute; left: 10px; top: 157px; } .single_member_sm li { margin-left: 17px; } .blog-elements .blog-date, .blog-elements .blog-author { width: 100%; } .blog-elements .blog-info { padding-bottom: 10px; } .blog-elements .blog-excerpt { padding-top: 10px; } .blog-elements iframe { height: 112px; } .wysija-input, .widget_wysija_cont .wysija-submit, #message-name, #message-email, #message-solution, #contact-solution, #submit-contact, #message-submit, .widget_search input#s, .widget_search input#searchsubmit, .widget_search #icon-errorpage { width: 100%; } .wysija-input { padding-left: 0px; } .contact-button.button-container, .contact-button .button-color { width: 100%; } #message-textarea { width: 277px; } #message-question, #message-solution { float: left; } #message-submit { padding-left:20px; padding-right: 20px; } #message-button { padding-left: 25px; font-size: 16px; font-size: 1rem; top: 6px; } #icon-message { padding-right: 35px; padding-left: 14px; } #contact-solution { margin-right: 0; margin-bottom: 12px; } .contact-section { padding-bottom: 0; } .contact-element { margin: 0 0 70px 0; } .contact-block-hover { width: 180px; margin-left: 0; } #footer-widgets, #footer-contact { min-height: 510px; } /* Widgets */ .multiple-ads li { padding: 6px 0 0 6px; } .multiple-ads img { max-width: 107px; display: block; } .four.columns .multiple-ads img { max-width: 100%; } .single-ad, .wysija-input, .single_member_det, .navigation { text-align: center; } .four.columns .multiple-ads li { padding-left: 23px !important; } .widget_search input#s, .widget_search input#searchsubmit { margin-top: 0; } .widget_search #icon-errorpage { right: 0; } .widget_search .search-form-custom { height: 100px; } .widget_search button { margin-top: 0; width: 220px; } .four.columns .widget_search button { width: 172px; } .widget-img { margin-right: 5px; } .widget-element .element-meta { width: 108px; } .sidebar_side #calendar_wrap { margin: 0 9px 0 10px; } #wp-calendar > tbody > tr > td { padding: 2px 0 2px 11px; } .sidebar_side .widget_search input#s { width: 183px; margin-right: 10px; } .sidebar_side .widget_search #icon-errorpage, .sidebar_side .wysija-input { width: 200px; } .sidebar_side .widget_search button, .sidebar_side .widget_wysija_cont .wysija-submit { width: 200px; margin-left: 10px; } .sidebar_side .multiple-ads img { width: 100%; } .sidebar_side .multiple-ads { margin-left: 47px; } .sidebar_side .widget > .multiple-ads > li.ad_fig_two, .sidebar_side .widget > .multiple-ads > li.ad_fig_four { padding-left: 0; } /* Portfolio */ .four.columns h6 { font-size: 14px; padding-left: 12px; padding-right: 12px; } .six.columns.project-info { margin-bottom: 40px; } .post-navigation.sixteen.columns { margin-bottom: 20px; } .related-projects .title { margin-top: 40px; } .related-projects iframe, .related-blog iframe { height: 122px; } /* 3columns */ .threecol .element:hover .icon-search { left: 26px; } .threecol .element:hover .icon-link { right: 26px; } .threecol iframe { height: 168px; } /* 2columns */ .twocol .element:hover .icon-search { left: 90px; } .twocol .element:hover .icon-link { right: 90px; } .twocol iframe { height: 233px; } /* Blog */ .element-blog.eight.columns { margin-bottom: 20px; } .three.columns.share-title { width: 128px; } .element-blog iframe { height: 174px; } .post-date { min-width: 22%; } .four.columns .author-posts h6 { padding-left: 55px; } .recent-author img, .recent-author iframe { height: 118px; } .blog-comments, .blog-categories { width: 50%; margin-top: 68px; } .blog-elements .blog-comments, .blog-elements .blog-categories { width: 100%; margin-top: 0; padding: 10px 0; } .blog-link, .wide_blog .blog-link { width: 100%; position: absolute; height: 68px; } .blog-comments, .blog-categories, .wide_blog .blog-comments, .wide_blog .blog-categories { width: 50%; margin-top: 68px; } .wide_blog iframe { width: 100%; height: 214px; } .half_blog { margin-right: 10px; } .half_blog_cf .blog-excerpt { padding-bottom: 5px; } .half_blog_cf { height: 165px; } .half_blog iframe { height: 163px; width: 100%; } .eleven.columns .share-title, .eleven.columns .twitter_share .share.columns { width: 170px; } .eleven.columns .share.columns { width: 169px; } .hibrid.columns:nth-child(2n+2) { margin-right: 0; } .hibrid.columns { width: 48%; margin: 0 20px 0 0; } .hibrid-recent { width: 244px; float: left; } .hibrid-recent:first-child { margin-right: 20px; } .hibrid-recent iframe { height: 174px; width: 100%; } .eleven.columns .single_member_det { width: 299px; } .hibrid.columns iframe { width: 100%; height: 174px; } .hibrid.columns h6 { font-size: 14px; font-size: 0.875rem; } /* 404 Page */ .not-found { margin-left: 24px; } .contact-block { margin: 0 10px; } /* Shortcodes */ .large .button-color { font-size: 16px; font-size: 1rem; } .button-color { font-size: 14px; font-size: 0.875rem; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .recent-work-carousel { width: 705px !important; margin-left: 33px !important; } /* 4columns */ .fourcol .icon-search, .fourcol .icon-link { width: 58px; height: 58px; padding-top: 19px; } /* change the size of the icon-link and icon-search square only for this resolution to fit 4 col*/ .fourcol .element:hover .icon-search { left: 0px; } .fourcol .element:hover .icon-link { right: 0px; } .fourcol iframe { height: 122px; } .single_member_sm { width: 179px; text-align: center; } /* Languages */ .fr-FR .sixteen.columns .share-title { padding-top: 10px; } .fr-FR #respond input#submit { font-size: 14px; } .de-DE .sixteen.columns .share-title { padding-top: 10px; } .de-DE #respond.eleven.columns input#submit { width: 37%; } } /* Smaller than 800 (devices and browsers) */ @media only screen and (max-width: 800px) { } @media only screen and (max-width: 769px) { } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .main-title, #wrapper.boxed, #header-top.boxed, #footer-copyright.boxed { max-width: 420px; } .main-title, .boxed .main-title { margin-left: -210px; } .main-title h2 { display: none; } .section .title { margin-top: 20px; } .small-hide, .flex-caption, .flex-direction-nav { display: none; } .tagline { padding-bottom: 20px; } .social-icons { float: none !important; } .logo { padding: 40px 0px 20px; } .navigation select { float: none; } #flexslider .flexslider { min-height: 50px; } .slider_iframe { height: 300px; width: 100%; margin-bottom: 0; } .recent-work-carousel .flex-direction-nav, .testimonialslider .flex-caption { display: block; } #custom-section .columns { top: 30px; margin-bottom: 70px; } #shadow-artobutton { width: 80%; margin-left: -40%; } .custom-section h3 { font-size: 22px; font-size: 1.375rem; } .container .centered { margin-left: 0; } .testimonialslider { margin-top: 70px; } .testimonial-icon { top: -10px; left: 50%; margin-left: -16px; } .feature-message, .logo, .social-icons, .tagline, #copyright-section { text-align: center; } .feature-message h2 { padding-bottom: 20px; } .feature-message .button { width: 80%; float: none; } .blog-elements iframe { height: 200px; } .business-hours { padding: 0; } .google-map { padding-bottom: 30px; } /* Recent work */ .recent-work-carousel .element:hover .icon-search { left: 6px; } .recent-work-carousel .element:hover .icon-link { right: 5px; } .recent-work-carousel iframe { height: 141px; } .shortcode .icon-link { top: -10px; } .single_member.eight.columns { margin-bottom: 20px; } .single_member_det { width: 210px; } .single_member_sm { position: inherit; bottom: 0; } .single_member_img { height: 100%; } /* Blog */ .element-blog iframe { height: 200px; } .column.blog-elements { margin-bottom: 30px; } .post-date, .post-author, .post-comments, .post-categories { width: 50%; } .post-date, .post-author, .post-comments { height: 60px; } .element-single .blog-info { min-height: 120px; } .post-author { border-bottom: 1px solid #515050; } .post-comments { border-right: 1px solid #515050; } .three.columns.share-title, #respond textarea, #respond input, .posts-side img, #filter li, .feature-message h2 { width: 100%; } #respond input { margin-bottom: 10px; } .share-post li { background-color: #232323; } .sixteen.columns.share-container { margin: 15px 0 30px; } .author-side .title, .related-blog .title, .comments-container .title { margin-top: 30px; } .posts-side .title { margin-top: 10px; } .posts-side img { height: auto; } #reply-title .title { margin-top: 0; } .contact-element { margin: 0 15px 70px; } .contact-block-hover { width: 190px; margin-left: -5px; } .blog-elements .blog-comments, .blog-elements .blog-categories { width: 50%; margin-top: 0; padding: 20px 0; } .post_side .pagination { margin-bottom: 50px; } .wide_blog iframe, .half_blog iframe { width: 100%; height: auto; } .half_blog { width: 100%; margin-bottom: 20px; } .half_blog_cf .blog-excerpt { padding: 20px; } .half_blog_cf { height: auto; } .eleven.columns .share-title, .eleven.columns .twitter_share .share.columns, .eleven.columns .share.columns { width: 420px; } .hibrid.columns { margin: 0 16px 0 0; } .hibrid-recent { width: 202px; float: left; } .hibrid-recent:first-child { margin-right: 16px; } .hibrid-recent iframe, .hibrid.columns iframe { height: 143px; } .eleven.columns .single_member_det { width: 211px; } #respond.eleven.columns input { width: 100%; clear: both; } #respond.eleven.columns input#submit { margin-bottom: 50px; } /* Portfolio Page */ #filter li { margin: 0; border-bottom: 1px solid #3a3a3a; } .filter-bg, #filter a.active { padding: 12px; } #portfolio-section .four.columns, #portfolio-section .one-third.column, #portfolio-section .eight.columns, .related-projects .four.columns, .posts-side .four.columns, .related-blog .four.columns, .clients-container .four.columns { width: 200px; margin-right: 20px; } #portfolio-section .eight.columns:nth-child(even), #portfolio-section .one-third.column:nth-child(even), #portfolio-section .four.columns:nth-child(even), .related-projects .element-container:nth-of-type(odd), .archive .element-container:nth-of-type(even), .search_page .element-container:nth-of-type(even), .posts-side .four.columns:nth-child(even), .related-blog .four.columns:nth-child(even), .clients-container .four.columns:nth-child(even) { margin-right: 0; } .archive .element-container:nth-of-type(odd), .search_page .element-container:nth-of-type(odd) { margin-right: 20px; } /* 2columns */ .twocol iframe { height: 128px; } /* 3columns */ .threecol iframe, .fourcol iframe, .related-blog iframe, .posts-side iframe, .related-projects iframe { height: 142px; } /* 4columns */ .fourcol .element:hover .icon-search, .threecol .element:hover .icon-search, .twocol .element:hover .icon-search { left: 8px; } .fourcol .element:hover .icon-link, .threecol .element:hover .icon-link, .twocol .element:hover .icon-link { right: 8px; } /* Footer */ #footer-contact { position: relative; } #footer-widgets .widget { border-bottom: 1px solid #3a3a3a; padding-bottom: 40px; } .four.columns.footer-widgets { padding: 0; } #message-textarea { width: 336px; } #message-footer { width: 336px; height: 170px; } #message-button { padding-left: 39px; } #icon-message { padding-right: 68px; padding-left: 9px; } .widget_wysija_cont { padding: 0 30px; } .clients-container .four.columns { margin-bottom: 20px; } /* Widgets */ .multiple-ads li:nth-child(odd), .four.columns .multiple-ads li:nth-child(odd) { padding-left: 68px !important; } .multiple-ads li { padding: 10px 0 15px 30px; } .multiple-ads img { max-width: 100%; } .widget_search input#s, .four.columns .widget_search input#s { width: 325px; margin-top: 0; } .widget_search input#searchsubmit, .four.columns .widget_search input#searchsubmit { width: 84px; } .widget_search #icon-errorpage, .four.columns .widget_search #icon-errorpage { width: 78px; bottom: 40px; } .widget_search .search-form-custom, .four.columns .widget_search .search-form-custom { height: 50px; } .widget_search button, .four.columns .widget_search button { width: 78px; } .tweetable_follow { font-size: 16px; } #wp-calendar > tbody > tr > td { padding: 2px 0 2px 23px; } .sidebar_side .widget_search input#s { width: 305px; margin-right: 0; } .sidebar_side .widget_search #icon-errorpage, .sidebar_side .widget_search button { width: 78px; margin-left: 0; } .sidebar_side .wysija-input, .sidebar_side .widget_wysija_cont .wysija-submit, .sidebar_side .multiple-ads { margin-left: 0; } .sidebar_side .multiple-ads li.ad_fig_one, .sidebar_side .multiple-ads li.ad_fig_three { padding-left: 63px !important; } .sidebar_side .widget > .multiple-ads > li.ad_fig_two, .sidebar_side .widget > .multiple-ads > li.ad_fig_four { padding-left: 20px; } /* Shortcodes */ .column.col-short, .columns.col-short { margin-bottom: 20px; } .hr-simple { max-width: 420px; } .pricing_box { margin-bottom: 50px; border: none; } .pricing-button .button-container, .pricing-button .button-color, blockquote, .pricing_box, .sidebar_side .wysija-input, .sidebar_side .widget_wysija_cont .wysija-submit { width: 100%; } .large-pricing { margin-top: 0; } blockquote { padding: 50px 0 10px 0; } .blockquote-icon { top: 0; left: 50%; margin-left: -14px; } .multi_testi .slides { width: 100%; } /* Feature Message */ .feature-message .button-container { float: none; width: 100%; } .feature-message .button-color { width: 100%; } /* 404 Page */ .not-found { width: 353px; margin: 0 0 20px 33px; } .not-opt-one, .not-opt-two { margin-left: 33px; } #icon-errorpage { right: 52px; } /* Languages */ .es-ES .sixteen.columns .share-title { padding-top: 20px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .hr-simple, .main-title, #wrapper.boxed, #header-top.boxed, #footer-copyright.boxed { max-width: 300px; } .main-title, .boxed .main-title { margin-left: -150px; } .single_member_img { margin: 20px 0; text-align: center; } .single_member_det { float: left; margin: 0 0 10px 0; padding: 0 20px; } .recent-work-carousel iframe { height: 98px; } .recent-work-carousel .portfolio-categ { display: inline-block; width: 135px; } .recent-work-carousel .icon-search { display: none; } .recent-work-carousel .icon-link { background-color: transparent; height: 100%; right: 0; top: 0; } .recent-work-carousel .element:hover .icon-link, .recent-work-carousel.shortcode .element:hover .icon-link { right: 0; top: 10px; } .recent-work-carousel.shortcode .icon-link { margin-right: 0; } #message-textarea, #message-footer { width: 260px; } #message-button { padding-left: 10px; } #icon-message { padding-right: 30px; } .slider_iframe { height: 250px; } /* Blog */ .element-blog iframe, .blog-elements iframe { height: 143px; } .element-title h4 { padding-bottom: 15px; } .blog-elements .blog-comments, .blog-elements .blog-categories { width: 100%; margin-top: 0; padding: 10px 0; } .post_side .pagination { margin-bottom: 50px; } .wide_blog iframe, .half_blog iframe { height: auto; } .eleven.columns .share-title, .eleven.columns .twitter_share .share.columns, .eleven.columns .share.columns { width: 300px; } .hibrid.columns { width: 100%; margin: 0 16px 0 0; } .hibrid-recent { width: 100%; float: left; } .hibrid-recent:first-child { margin-right: 16px; } .hibrid-recent iframe, .hibrid.columns iframe { height: 214px; } .eleven.columns .single_member_det, .posts-side iframe { width: 100%; } /* Portfolio Page */ #portfolio-section .four.columns, #portfolio-section .one-third.column, #portfolio-section .eight.columns, .related-projects .four.columns, .posts-side .four.columns, .related-blog .four.columns, .clients-container .four.columns, .recent-work-carousel .icon-link, .single_member_det, .single_member_img { width: 100%; } /* 2columns */ .twocol iframe { height: 192px; width: 100%; } /* 3,4 columns */ .fourcol .element:hover .icon-search, .threecol .element:hover .icon-search, .twocol .element:hover .icon-search { left: 58px; } .fourcol .element:hover .icon-link, .threecol .element:hover .icon-link, .twocol .element:hover .icon-link { right: 58px; } .fourcol iframe, .threecol iframe, .related-projects iframe, .related-blog iframe, .posts-side iframe { height: 214px; } /* 404 Page */ .not-found { width: 300px; margin: 0 0 20px 0; padding: 20px 20px; } .not-opt-one, .not-opt-two { margin-left: 33px; width: 150px; margin-left: 0; } .not-opt-one a, .not-opt-two a { width: 150px; } #icon-errorpage { right: 19px; } /* Widgets */ .multiple-ads li:nth-child(odd), .four.columns .multiple-ads li:nth-child(odd) { padding-left: 10px !important; } .multiple-ads li { padding: 10px 0 15px 30px; } .widget-element .element-meta h4 { padding-bottom: 0; } .widget_search input#s, .four.columns .widget_search input#s { width: 205px; } .widget_search input#searchsubmit, .four.columns .widget_search input#searchsubmit { width: 65px; } .widget_search #icon-errorpage, .four.columns .widget_search #icon-errorpage { padding-left: 18px; margin-left: 78%; } #wp-calendar > tbody > tr > td { padding: 2px 0 2px 14px; } .sidebar_side .widget_search input#s { width: 185px; } .sidebar_side .multiple-ads li.ad_fig_one, .sidebar_side .multiple-ads li.ad_fig_three { padding-left: 5px !important; } } #contact-solution{ display: none; } .botao-maxclube{ padding:20px 30px; background-color: #283e99; box-shadow: 0 5px #1b2b6a; font-weight: 700; } .botao-maxclube:hover{ background-color: #1b2b6a; box-shadow: 0 5px #10183b; } .marcas img { padding:5px 10px; } #ninja_forms_field_10{ color:#fff; border: 0; } #ninja_forms_field_8, #ninja_forms_field_7, #ninja_forms_field_6{ border: 1px solid #abadb3; padding: 10px; } #slp_bubble_email {display: none !important;}