/* Theme Name: iAMCAR Theme URI: iamcar.net Version: 1.0 Description: Author: iAMCAR Author URI: iamcar.net License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html Copyright: (c) 2016 iamcar.net. Tags: featured-images, translation-ready, custom-menu Text Domain: iamcar --------- DO NOT EDIT THIS FILE. If you need to overwrite the CSS styling, create a new custom_style.css in the theme folder and it will automatically load in the . */ /************************************************************************************ RESET *************************************************************************************/ /** Temp **/ .container{ border:0px solid #aaa; } html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset, figure { margin: 0; padding: 0; } img, fieldset { border: 0; } /* set img max-width */ img { max-width: 100%; height: auto; -moz-box-sizing: border-box; box-sizing: border-box; } /* ie 8 img max-width */ @media \0screen { img { width: auto;} } /* set html5 elements to block */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* audio */ audio { max-width: 100%; } /* iframes and objects max-width */ iframe, object { max-width: 100%; } /**** ANIMATE ****/ .blinktext{ text-decoration: blink; -webkit-animation-name: blinker; -webkit-animation-duration: 0.5s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:ease-in-out; -webkit-animation-direction: alternate; } @-webkit-keyframes blinker { from {opacity: 1.0; color:#f00;} to {opacity: 0.0;color:#f00;} } /************************************************************************************ GENERAL STYLING *************************************************************************************/ html { -webkit-font-smoothing: antialiased; } body { font-family: 'Pridi', serif; font-weight:300; font-size:18px; line-height:1.6em; color: #363636; padding-top:35px; } a { color:inherit; text-decoration: none; outline: none; } a:hover { color:inherit; text-decoration: underline; } p { margin: 0 0 1.2em; padding: 0; } small { font-size: 87%; } blockquote { padding: 15px 0 15px 20px; border-left: 5px solid #fff200; font-weight:300; font-size:1.1em; margin:0 0 1em 0; line-height:1.4em; } img .wp-post-image{ border:1px solid #aaa !important; } article a{ color:#337ab7; text-decoration: underline; } .no-padding{ padding:0px !important; } .no-margin{ margin:0px; } b, strong, th { font-weight:500 !important; } /* Header ================================================ */ .top-bg { background:url(images/top_bg.jpg) 0 0 repeat-x; width:100%; height:5px; } .navbar-inverse { background:#0d0802; } #logo-sm, #logo span, #logo p{ display:none; } #logo a { width:100%; max-width:340px; } #logo { position:absolute; } #logo-sm { width:120px; height:auto; margin:0 0 0 10px; } #logo-ezine { float:none; display: block; width: 100%; margin: 5px auto 5px auto; text-align:center; } #logo-ezine img { margin: 0 auto; } .contact-info { float: right; padding: 5px 5px; color:#efefef; display:inline-block; width: auto; font-size: 14px; text-align: right; box-sizing: border-box; } .navbar-brand { padding:0; margin:0; } .navbar { min-height:50px; } .navbar-nav>li>a { line-height:40px; } ul#menu-main-nav li { margin:0; } ul#menu-main-nav li a{ background:#0d0802; color:#ffffff; font-family: 'Kanit', sans-serif; font-size:18px; font-weight:400; } ul#menu-main-nav li ul li a { font-family: 'Pridi', serif; font-size:16px; font-weight: normal; } .navbar-inverse { background:#0d0802; } .dropdown-menu { background:#0d0802; } #menu-primary { width:100%; box-sizing:border-box; } /* POST page ================================================ */ .row-no-padding > [class*="col-"] { padding-left: 0 !important; padding-right: 0 !important; } #primary { padding:30px 0 0 0; } .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; } .swiper-slide { background-size: cover; background-position: center; } .gallery-top { width: 100%; } .gallery-thumbs { height: auto; box-sizing: border-box; padding: 10px 0; } .gallery-thumbs .swiper-slide { height: 100%; opacity: 0.4; } .gallery-thumbs .swiper-slide-active { opacity: 1; } #breadcrumbs { background:#eaeaea; padding:5px 5px; /*display:inline-block*/ color:#000; font-size:0.75em; line-height:1.5em; width:auto; font-weight:normal; display:block; margin:0 0 1em 0; } .post-type-archive-event-organizer #breadcrumbs, #e-magazine #breadcrumbs { margin:1em 0; } #breadcrumbs a{ color:#000; } .blog-header { } h1.blog-title { font-size:1.75em; color:#000000; margin:0 0 0.5em 0; font-family: 'Kanit', sans-serif; font-weight:500; line-height:1.143em; } .single-event-organizer h1.blog-title { font-size: 24px; } .post-meta { color:#000; font-size:0.75em; line-height:1.2em; font-weight:300; } .post-meta a { color:#000; text-decoration:underline; } img[id^='gallery-'] { border: none !important; } /* LIST ================================================ */ ul, ol { margin: 1em 0 1.4em 24px; padding: 0; line-height: 140%; } li { margin: 0 0 .5em 0; padding: 0; } /*====== K2 ========*/ .k2_video{ text-align:center; } /* HEADINGS ================================================ */ h1, h2, h3, h4, h5, h6 { font-family: 'Kanit', sans-serif; line-height: 1.4em; margin: 20px 0 .4em; word-wrap: normal; } h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.3em; } h4 { font-size: 1.2em; } h5 { font-size: 1.1em; } h6 { font-size: 1em; } /* FORM ================================================ */ /* form input */ input, textarea, select, input[type=search], button { font-size: 100%; font-family: inherit; } textarea, input[type=text], input[type=password], input[type=search], input[type=email], input[type=url] { background-color: #ffffff; border: solid 1px #efefef; padding: 6px 10px; border-radius: 0px; -webkit-appearance: none; } input[type=text], input[type=search], input[type=email], input[type=url] { width: 240px; max-width: 90%; } /* text area */ textarea { line-height: 150%; width: 94%; } /* form input:focus */ textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=search]:focus, input[type=email]:focus, input[type=url]:focus { outline: none; background-color: #f9f9f9; } /* form button */ input[type=reset], input[type=submit], button { background-color: #fff200; color: #000; border: none; padding: 7px 20px; cursor: pointer; border-radius:0px; -webkit-appearance: none; } /* form button:hover */ input[type=reset]:hover, input[type=submit]:hover, button:hover { background-color: #000; color: #fff; } /************************************************************************************ STRUCTURE *************************************************************************************/ #pagewrap, .pagewidth, #headerwrap, #header, #main-nav, #body, #layout, #content, .post, .author-box, .post-nav, .pagenav, #sidebar, .widget, #footerwrap, #footer { -moz-box-sizing: border-box; box-sizing: border-box; } /* main page width */ .pagewidth { width: 978px; margin: 0 auto; } /* body (middle container) */ #body { margin: 0 auto; max-width: 100%; } navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: none; } /* content */ #content { } .iframe-container{ position: relative; width: 100%; padding-bottom: 56.25%; /* Ratio 16:9 ( 100%/16*9 = 56.25% ) */ } .iframe-container > *{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; height: 100%; width: 100%; } /* sidebar */ #sidebar { width:100%; float: none; padding: 5% 0 3%; box-sizing:border-box; } /* sidebar left */ .sidebar-left #content { float: right; } .sidebar-left #sidebar { float: left; } /* sidebar none */ .sidebar-none #content { width: 100%; float: none; } /* fullwidth content */ .full_width #layout { width: 100%; } .full_width #content { padding: 0; width: auto; float: none; } .full_width #sidebar { width: auto; float: none; } #sidebar h3, #sidebar h2.widget-title{ font-family: 'Kanit', sans-serif; color:#000000; font-size:24px; line-height:normal; margin:0 0 10px 0; font-weight:normal; } #sidebar .widget { clear:both; padding:0 0 20px 0; } .menu-sidebar-nav-container { } ul#menu-sidebar-nav { margin:0 0 20px 0; padding:0; list-style:none; } ul#menu-sidebar-nav li{ font-size:21px; color:#444444; font-family: 'Kanit', sans-serif; line-height:24px; background:#ebebeb; padding:6px 15px; margin:0 0 3px 0; } ul#menu-sidebar-nav li a { color:#444444; font-weight:600; list-style:none; text-decoration:none; } ul#menu-sidebar-nav li a:hover { text-decoration:underline; } ul#menu-sidebar-nav li a:before { content: '[ '; } ul#menu-sidebar-nav li a:after { content: ' ]'; } ul#menu-sidebar-nav li.current-menu-parent, ul#menu-sidebar-nav li.current-post-parent, ul#menu-sidebar-nav li.current-menu-item { background:#fff; padding:0; } ul#menu-sidebar-nav li.current-menu-parent a, ul#menu-sidebar-nav li.current-post-parent a, ul#menu-sidebar-nav li.current-menu-item a{ color:#000000; padding:6px 15px; display:block; background:#ebebeb; } ul#menu-sidebar-nav li.menu-item-has-children ul.sub-menu{ display:none; } ul#menu-sidebar-nav li.current-menu-parent ul.sub-menu, ul#menu-sidebar-nav li.current-menu-item ul.sub-menu{ display:block; background:#fff; margin:0 0 3px 0; padding:10px 0; list-style: none; } ul#menu-sidebar-nav li.current-menu-parent ul.sub-menu li, ul#menu-sidebar-nav li.current-menu-item ul.sub-menu li { background:#fff; padding:0px 15px; margin:0; } ul#menu-sidebar-nav li.current-menu-parent ul.sub-menu li a, ul#menu-sidebar-nav li.current-menu-item ul.sub-menu li a{ font-family: 'Pridi', serif; font-size:18px; line-height:21px; color:#555; background:#fff; font-weight:300; } ul#menu-sidebar-nav li.current-menu-parent ul.sub-menu li.current-menu-item a, ul#menu-sidebar-nav li.current-menu-item ul.sub-menu li.current-menu-item a{ color:#000; font-weight:600; } ul#menu-sidebar-nav li.current-menu-parent ul.sub-menu li a:before, ul#menu-sidebar-nav li.current-menu-item ul.sub-menu li a:before { content:"» "; } ul#menu-sidebar-nav li.current-menu-parent ul.sub-menu li a:after, ul#menu-sidebar-nav li.current-menu-item ul.sub-menu li a:after { content:""; } .widget_tag_cloud { margin:0 0 25px 0; } #content-tags a{ background:#eee; padding:0px 5px 3px 5px; display:inline-block; margin:0 5px 5px 0; font-size:12px; color:#555; } #tag_cloud-2 .tagcloud a { background:#ffff00; padding:5px 15px; display:inline-block; float:left; margin:0 5px 5px 0; color:#000; } #tag_cloud-3 .tagcloud a{ background:#ebebeb; padding:5px 15px; display:inline-block; float:left; margin:0 5px 5px 0; color:#000; } /* archive */ #archive-highlight { position:relative; } #archive-highlight .wrapper { position:relative; } #archive-highlight .img-archive { position: relative; z-index:0; } #archive-highlight .page-header { position: relative; z-index:10; text-align:center; border:0; width:100%; clear:both; margin:0; } #archive-highlight .page-header h1 { margin:10px auto; display:inline-block; width:auto; border:0; padding:0; color:#000; position:relative; box-sizing:border-box; } #archive-highlight .taxonomy-description { background-color:#efefef; width:auto; border:0; padding:15px 30px; color:#000; display:inline-block; box-sizing:border-box; } .sub-category { position:relative; margin:0 auto; text-align:center; } #archive-highlight.archive-highlight-margin { margin:0 auto 45px auto; } .sub-category ul { margin:0; padding:0; background:#f7bd01; overflow:hidden; position: relative; bottom:0; left:0; } .sub-category ul li { margin:0; padding:5px 10px; display:inline-block; float: none; clear:both; width:100%; border-bottom:1px solid #fff; } .sub-category ul li a { color:#000; text-align:left; text-decoration:none; display:block; } .sub-category .bar { height:0; background:#f7bd01; width:100%; } #category-sticky-posts { border-bottom:5px solid #f7bd01; overflow:hidden; margin-bottom:45px; background: #000; } #category-sticky-posts a { position:relative; display:block; } #category-sticky-posts a img { position:relative; z-index:0; } #category-sticky-posts a .overlay { position: absolute; top:0; left:0; z-index:5; background-color:rgba(0,0,0,0.75); width:100%; height:100%; } #category-sticky-posts a:hover .overlay { display:none; } #category-sticky-posts a h3 { position: absolute; z-index:10; top:20%; left:5%; width:90%; background:#000; padding:5px 10px; color:#f7bd01; font-weight:300; font-size:18px; line-height:1.4em; } #category-sticky-posts a .description { position: absolute; z-index:10; bottom:10px; color:#fff; width:100%; box-sizing:border-box; padding:5px 5%; font-size:12px; line-height:1.6em; } .category-thumbnail-holder { position:relative; } .category-thumbnail-holder .category-name{ position:absolute; top:25px; left:0; } .category-thumbnail-holder .category-name ul { padding:0; margin:0; list-style:none; } .category-thumbnail-holder .category-name ul li { display:inline-block; width:auto; float:left; background:#f7bd01; } .category-thumbnail-holder .category-name a { padding:5px 10px; font-size:18px; color:#000000; font-family: 'Kanit', sans-serif; font-weight:bold; display:inline-block; width:auto; } a.readmore { color:#7d7d7d; border:1px solid #b7b7b7; background:#fff; padding:5px 30px; display:inline-block; width:auto; box-sizing:border-box; margin-bottom:20px; } a:hover.readmore { color:#000; border:1px solid #fff200; background:#fff200; text-decoration:none; } .wp-post-image { width:100%; max-width:100%; height:auto; margin:0 0 20px 0; } .pagination { width:100% !important; } .pagination .screen-reader-text { display:none; } .navigation .nav-links{ margin:0 auto; text-align:center; } .pagination .nav-links .page-numbers { color:#7d7d7d; border:1px solid #b7b7b7; background:#fff; padding:5px 15px; display:inline-block; width:auto; box-sizing:border-box; cursor:pointer; } .pagination .nav-links a:hover.page-numbers { color:#000; border:1px solid #fff200; background:#fff200; text-decoration:none; } .pagination .nav-links .current { cursor:default; border:1px solid #fff200; color:#000; background:#fff200; } /***** TAG ***************/ .tag-archive { padding:0; margin:0; color:#b7b7b7; } h1.archive-title { margin:0.2em 0 0.5em 0; } .thumbnail-wrapper { position:relative; } .tab-category { position:absolute; background:#f7bd01; padding:8px 15px; top:20px; left:-10px; display:inline-block; } .tab-category ul.post-categories { margin:0; padding:0; list-style:none; } .tab-category ul.post-categories li{ font-size:18px; line-height:1.2em; color:#000000; margin:0; padding:0; } .tab-category ul.post-categories li a { color:#000000; font-family: 'Kanit', sans-serif; } .archive h2.entry-title { font-family: 'Kanit', sans-serif; font-size:21px; line-height:24px; color:#000000; margin:0 0 10px 0; font-weight:bold; } .archive h2.entry-title a { color:#000000; } .post-type-archive-e-magazine .page-header h2{ background: url(images/heading_ezine_2.png) 0 0 no-repeat; font-size: 24px; color: #000; padding: 10px 20px; margin: 0; border: 0; height: 50px; } .post-type-archive-e-magazine .page-header { padding-bottom:0; margin:20px 0 40px 0; border-bottom:0; } a.btn-default { display:inline-block; font-size:18px; background: #fff; color:#000; padding:10px 25px; border:1px solid #000; border-radius:0; -webkit-border-radius:0; margin: 0 10px 20px 0; float: left; } a:hover.btn-default { background: #000; color:#fff; border:1px solid #000; } .btn-home { margin:0 0 10px 0; } .btn-home-googleplay { margin:0; } .more { display:inline-block; font-size:14px; color:#b7b7b7; padding:5px 25px; border:1px solid #b7b7b7; } a:hover.more { color:#b7b7b7; text-decoration:none; } /************************************************************************************ GRID *************************************************************************************/ .col4-1, .col4-2, .col4-3, .col3-1, .col3-2, .col2-1 { margin-left: 3.2%; float: left; } .col4-1 { width: 22.6%; } .col4-2, .col2-1 { width: 48.4%; } .col4-3 { width: 74.2%; } .col3-1 { width: 31.2%; } .col3-2 { width: 65.6%; } .col.first, .col4-1.first, .col4-2.first, .col4-3.first, .col3-1.first, .col3-2.first, .col2-1.first { margin-left: 0; clear: left; } /************************************************************************************ HEADER *************************************************************************************/ #header { position: relative; height: 170px; border-bottom: solid 1px #ccc; } /* SITE LOGO ================================================ */ #site-logo { position: absolute; top: 20px; font-size: 36px; font-weight: bold; line-height: 1.4em; margin: 0; } #site-logo a { text-decoration: none; } #site-logo a:hover { text-decoration: none; } /* SITE DESCRIPTION ================================================ */ #site-description { position: absolute; top: 75px; font-size: 12px; font-weight: normal; line-height: 100%; margin: 0; } /* SOCIAL WIDGET ================================================ */ .social-widget { float: right; position: absolute; bottom: 10px; right: 0; } .social-widget a { text-decoration: none; } .social-widget a:hover { text-decoration: none; } .social-widget .widget { display: inline-block; zoom:1; *display:inline; margin: 0 2px 0 0; } .social-widget .widget div { display: inline; } .social-widget .widgettitle { width: auto; font-weight: bold; font-size: 100%; text-transform: none; border: none; letter-spacing: 0; position: static; display: inline-block; zoom:1; *display:inline; margin: 5px 8px 2px 0; padding: 0; background: transparent; box-shadow: none; } .social-widget ul { margin: 6px 0 0 !important; padding: 0; display: inline; } .social-widget ul li { padding: 0 2px 5px 0; margin: 0; display: inline-block; zoom:1; *display:inline; border: none !important; clear: none; line-height: 100%; } .social-widget li img { vertical-align: middle; margin-top: -5px; } /* RSS ================================================ */ .social-widget div.rss { display: inline; } .social-widget div.rss a { background: url(images/rss.png) no-repeat left center; padding: 3px 0 2px 30px; display: inline-block; zoom:1; *display:inline; } /* SEARCH FORM ================================================ */ #header #searchform { position: absolute; right: 0; top: 40px; width: 160px; } #header #searchform #s { width: 100px; color: #a5a099; background: #eee url(images/search.png) no-repeat 8px center; border: solid 1px #ddd; padding-left: 28px; float: right; border-radius: 3px; transition: width .7s; } #header #searchform #s:focus { width: 140px; color: #333; } /* MAIN NAVIGATION ================================================ */ #main-nav { margin: 0; padding: 0; position: absolute; left: 0; bottom: 10px; z-index: 100; } #main-nav li { margin: 0; padding: 0; list-style: none; float: left; position: relative; } /* main level link */ #main-nav a { display: block; padding: 5px 15px; margin: 0 5px 0 0; text-decoration: none; } /* main level link :hover */ #main-nav a:hover, #main-nav li:hover > a { } /* current link */ #main-nav .current_page_item a, #main-nav .current-menu-item a { background-color: #333; color: #fff; border-radius: 5px; } /* current link :hover */ #main-nav .current_page_item a:hover, #main-nav .current-menu-item a:hover { color: #fff; } /* sub-levels link */ #main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a { color: #666; font-size: 100%; line-height: 140%; font-weight: normal; text-transform: none; padding: 6px 6px 6px 15px; margin: 0; display: block; width: 180px; background: none; border: none; text-shadow: none; border-radius: 0; box-shadow: none; } /* sub-levels link :hover */ #main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover { background-color: #F3F3F3; color: #000; } /* dropdown ul */ #main-nav ul { margin: 0; padding: 5px 0; list-style: none; position: absolute; background-color: #fff; border: solid 1px #ccc; z-index: 100; display: none; border-radius: 5px; } #main-nav ul li { background: none; padding: 0; margin: 0; float: none; } /* sub-levels dropdown */ #main-nav ul ul { left: 190px; top: -2px; } /* show dropdown ul */ .no-touch #main-nav li:hover > ul { display: block; } /************************************************************************************ PAGE *************************************************************************************/ /* page title */ .page-title { margin: 0 0 15px; padding: 0; font-size: 300%; line-height: 110%; } .page-heading { padding: 60px 0 15px 0; margin:0; text-align:center; } /* AUTHOR PAGE ================================================ */ .author-bio { margin: 0 0 30px; } .author-bio .author-avatar { float: left; margin: 0 15px 0 0; } .author-bio .author-avatar img { background-color: #fff; padding: 4px; border: solid 1px #ccc; } .author-bio .author-name { margin: 0 0 5px; padding: 0; font-size: 160%; } .author-posts-by { margin: 0 0 20px; padding: 10px 0 0; font-size: 140%; text-transform: uppercase; border-top: double 4px #ccc; border-color: rgba(118,118,118,.3); } /* CATEGORY SECTIONS ================================================ */ .category-section { clear: both; margin-bottom: 30px; } .category-section-title { font-size: 120%; text-transform: uppercase; margin: 0 0 20px; padding: 10px 0 0; border-top: double 4px #ccc; } /************************************************************************************ POST *************************************************************************************/ .post { margin-bottom: 30px; box-sizing: border-box; -moz-box-sizing: border-box; } .hentry { padding-bottom: 30px; } /* post content */ .post-content { min-width: 120px; } /* post title */ .post-title { font-size: 26px; margin: 0 0 5px; padding: 0; } .post-title a { } /* post image */ .post-image { max-width: 100%; margin: 0 0 5px; } .post-image.left { float: left; margin-right: 15px; } .post-image.right { float: right; margin-left: 15px; } /* post meta */ .post-meta { margin: 0 0 7px; } .post-meta .post-author { background: url(images/post-author.png) no-repeat 0 2px; padding: 2px 0 2px 16px; margin-right: 7px; } .post-meta .post-category { background: url(images/post-category.png) no-repeat 0 2px; padding: 2px 0 2px 16px; margin-right: 7px; } .post-meta .post-tag { background: url(images/post-tag.png) no-repeat 0 3px; padding: 2px 0 2px 16px; margin-right: 7px; } .post-meta .post-comment a { background: url(images/post-comment.png) no-repeat 0 3px; padding: 2px 0 2px 16px; } /* grid4 post */ .loops-wrapper.grid4 .post { width: 22.6%; float: left; margin-left: 3.2%; } .loops-wrapper.grid4 .post-title { font-size: 120%; margin: 0 0 3px; padding: 0; } /* grid3 post */ .loops-wrapper.grid3 .post { width: 31.2%; float: left; margin-left: 3.2%; } .loops-wrapper.grid3 .post-title { font-size: 140%; margin: 0 0 3px; padding: 0; } /* grid2 post */ .loops-wrapper.grid2 .post { width: 48.4%; float: left; margin-left: 3.2%; } .loops-wrapper.grid2 .post-title { font-size: 150%; margin: 0 0 3px; padding: 0; } /* grid2-thumb post */ .loops-wrapper.grid2-thumb .post { width: 48.4%; float: left; margin-left: 3.2%; } .loops-wrapper.grid2-thumb .post-title { margin: 0 0 5px; font-size: 150%; } .loops-wrapper.grid2-thumb .post-image { float: left; margin: 5px 14px 10px 0; } .loops-wrapper.grid2-thumb .post-content { overflow: hidden; } /* clear grid posts */ .loops-wrapper.grid4 .post:nth-of-type(4n+1), .loops-wrapper.grid3 .post:nth-of-type(3n+1), .loops-wrapper.grid2 .post:nth-of-type(2n+1), .loops-wrapper.grid2-thumb .post:nth-of-type(2n+1) { margin-left: 0; clear: left; } /* list thumb post */ .loops-wrapper.list-thumb-image .post-image { float: left; margin: 7px 16px 10px 0; } .loops-wrapper.list-thumb-image .post-content { overflow: hidden; } /* list large image */ .loops-wrapper.list-large-image .post-image { float: left; margin: 7px 22px 10px 0; } .loops-wrapper.list-large-image .post-title { font-size: 200%; margin: 0 0 5px; padding: 0; } .loops-wrapper.list-large-image .post-content { overflow: hidden; } /************************************************************************************ POST VIDEO (css for fluid video) *************************************************************************************/ .post-video, .embed-youtube { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; font-size:.9em; margin-bottom: 15px; } .post-video iframe, .post-video object, .post-video embed, .embed-youtube iframe, .embed-youtube object, .embed-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /************************************************************************************ POST EMBEDS (css for various fluid elements) *************************************************************************************/ .twitter-tweet-rendered { max-width: 100% !important; } /************************************************************************************ PAGE NAVIGATION *************************************************************************************/ .pagenav { clear: both; padding-bottom: 20px; text-align: right; } .pagenav a, .pagenav span { line-height: 100%; padding: 6px 0 0; margin: 0 2px; vertical-align: middle; display: inline-block; zoom:1; *display:inline; min-width: 24px; min-height: 18px; text-align: center; border-radius: 10em; } .pagenav a { background-color: #111; color: #fff; text-decoration: none; } .pagenav a:hover { background-color: #000; } .pagenav .current { text-decoration: none; } /************************************************************************************ AUTHOR BOX *************************************************************************************/ .author-box { margin: 15px 0; } .author-box .author-avatar { float: left; margin: 0 15px 5px 0; } .author-box .author-name { margin: 0 0 5px; } /************************************************************************************ POST NAVIGATION (the tag) *************************************************************************************/ .post-pagination { text-align: right; margin: .5em 0 2em; } .post-pagination strong { margin-right: 3px; } .post-pagination a { margin-left: 3px; margin-right: 3px; } /************************************************************************************ POST NAVIGATION *************************************************************************************/ .post-nav { margin: 0 0 30px; padding: 15px 0; clear: both; } .post-nav .prev, .post-nav .next { width: 47%; position: relative; } .post-nav a { text-decoration: none; display: block; } .post-nav a:hover { text-decoration: none; } .post-nav .prev { float: left; } .post-nav .next { float: right; text-align: right; } /* post nav arrow */ .post-nav .arrow { background-color: #333; color: #fff; font: normal 20px/100% "Times New Roman", Times, serif; display: block; float: left; width: 32px; height: 28px; padding: 4px 0 0; text-align: center; margin: -8px 10px 17px 0; border-radius: 10em; } .post-nav .next .arrow { float: right; margin-left: 10px; margin-right: 0; } .post-nav a:hover span { background-color: #000; } /************************************************************************************ COMMENTS *************************************************************************************/ .commentwrap { margin: 10px 0 20px; position: relative; clear: both; } /* comment title */ .comment-title, #reply-title { font-size: 140%; margin: 0 0 10px; padding: 0; } /* comment pagenav */ .commentwrap .pagenav { margin: 10px 0; border: none; box-shadow: none; } .commentwrap .pagenav.top { margin: 0; position: absolute; top: 10px; right: 0; } /* commentlist */ .commentlist { margin: 0 0 30px; padding: 5px 0 0; border-top: solid 1px #ddd; } .commentlist li { margin: 0; padding: 15px 0 0; list-style: none; position: relative; } .commentlist .comment-author { margin: 2px 0 5px; padding: 0; } .commentlist .avatar { float: left; margin: 0 15px 0 0; } .commentlist cite { font-style: normal; font-size: 130%; } .commentlist cite a { text-decoration: none; } .commentlist .bypostauthor > .comment-author cite { background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px; } .commentlist .comment-time { font-size: 75%; text-transform: uppercase; } .commentlist .commententry { border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word; } .commentlist ul, .commentlist ol { margin: 0 0 0 7%; padding: 0; } /* reply link */ .commentlist .reply { position: absolute; right: 0; top: 8px; } .commentlist .comment-reply-link { font-size: 11px; text-transform: uppercase; text-decoration: none; } .commentlist .comment-reply-link:hover { text-decoration: none; } /* COMMENT FORM ================================================ */ #respond { margin: 0; padding: 10px 0 0; position: relative; clear: both; } #respond #cancel-comment-reply-link { position: absolute; top: 20px; right: 0; font-size: 85%; line-height: 100%; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background-color: #F30; } #respond #cancel-comment-reply-link:hover { background-color: #333; } #commentform { margin: 15px 0 0; } #commentform input[type=text] { width: 206px; margin-right: 5px; } #commentform label { font-weight: bold; } #commentform label small { font-weight: normal; } #commentform textarea { height: 140px; } #commentform input#submit { padding: 7px 20px; } /************************************************************************************ SIDEBAR *************************************************************************************/ .widget { margin: 0 0 30px; word-wrap: break-word; } .widgettitle { margin: 0 0 10px; padding: 0; font-size: 120%; } .widget ul { margin: 0; padding: 0; } .widget li { margin: 0; padding: 6px 0; list-style: none; clear: both; } .widget ul ul { margin: 6px 0 -6px 0; padding: 0; border-top: none; } .widget ul ul li { margin: 0; padding-left: 10px; } /************************************************************************************ WIDGET STYLES *************************************************************************************/ /* calendar widget */ .widget #wp-calendar caption { font-weight: bold; padding-bottom: 10px; } .widget #wp-calendar td { width: 31px; padding: 4px 2px; text-align: center; } /* feature posts widget */ .widget .feature-posts-list br { display: none; } .widget .feature-posts-list .post-img { margin: 4px 12px 10px 0; float: left; } .widget .feature-posts-list small { font-style: italic; font-size: 90%; display: block; margin: 0 0 3px; } .widget .feature-posts-list .feature-posts-title { margin: 4px 0 3px; } .widget .feature-posts-list .post-excerpt { display: block; } /* twitter widget */ .widget .twitter-list .twitter-timestamp { font-style: italic; font-size: 90%; } .widget .follow-user { margin: 0; padding: 5px 0; } /* links widget */ .widget .links-list img, .widget_links img { vertical-align: middle; } /* recent comments widget */ .recent-comments-list .avatar { margin-right: 12px; float: left; } /* flickr widget */ .widget .flickr_badge_image { margin-top: 10px; } .widget .flickr_badge_image img { width: 50px; height: 50px; margin-right: 12px; margin-bottom: 12px; float: left; } /* flickr shortcode */ .shortcode .flickr_badge_image { width: 23.8%; margin: 0 1.5% 1.5% 0; float: left; } .shortcode .flickr_badge_image:nth-of-type(4n) { margin-right: 0; } .shortcode .flickr_badge_image img { margin: 0; } /* search widget */ #sidebar #searchform { position: static; } #sidebar #searchform #s { width: 93%; } /* reset twitter embed max-width to 100% */ #content .twitter-tweet-rendered { max-width: 100% !important; } #content .twt-border { max-width: 100% !important; min-width: 180px !important; } /* Social Links Widget */ .widget .social-links { margin: 0 0 20px; padding: 0; line-height: 100%; } .widget .social-links li { margin: 0 5px 5px 0; padding: 0; list-style: none; border: none; display: inline-block; zoom:1; *display:inline; } .widget .social-links img { vertical-align: middle; } #content-bottom-widgets { background:#ebebeb; padding:30px 15px; } #content-bottom-widgets .widget { margin:0; } .widget_mymail_signup h3 { font-family: 'Kanit', sans-serif; font-size:24px; color:#000; margin:0 0 0.5em 0; } .widget_mymail_signup .mymail-widget-text { color:#959595; font-size:1em; line-height:normal; margin:0 0 0.5em 0; } .mymail-form{ margin-bottom:5px !important; } /************************************************************************************ FOOTER *************************************************************************************/ #footer { padding: 30px 0; clear: both; background:#111111; } /* back to top */ .back-top { clear: both; float: left; margin-top: -3px; } .back-top a { background: #000 url(images/arrow-up.png) no-repeat center center; display: block; width: 30px; height: 30px; margin: 0 10px 10px 0; text-indent: -900em; border-radius: 10em; } .back-top a:hover { background-color: #333; } /* footer nav */ ul.footer-nav { margin: 0; padding: 0; text-align: left; } #footer .widget-area h3, ul.footer-nav li.menu-item { padding: 5px 0; margin: 0 8px 5px 0; list-style: none; display:block; color:#ffffff; font-family: 'Kanit', sans-serif; font-weight:300; font-size:1.2em; line-height:1.4em; } ul.footer-nav li a { color:#ffffff; } ul.footer-nav li.menu-item ul.sub-menu { margin:10px 0; padding:0; } ul.footer-nav li.menu-item ul.sub-menu li{ font-family: 'Pridi', serif; font-size:16px; line-height:24px; margin:0; padding:0; } ul.footer-nav li.menu-item ul.sub-menu li:before { content: '» '; } /* footer text */ .footer-text { font-size: 90%; clear: both; } #copyright { background:#000000; color:#fffefe; } #copyright p { font-size:1em; line-height:1.2em; margin:0; padding: 10px 0; } #copyright p a { color:#fffefe; } /************************************************************************************ WORDPRESS POST FORMATTING *************************************************************************************/ .sticky {} img.alignleft, img.aligncenter, img.alignright, img.alignnone { margin-bottom: 15px; } .alignleft { float: left; margin-right: 30px; } .alignright { float: right; margin-left: 30px; } .aligncenter { text-align: center; display: block; margin-left: auto; margin-right: auto; } .wp-caption { text-align: center; margin-bottom: 15px; max-width: 100%; } .wp-caption-text { font-size: 75%; line-height: 120%; margin: 6px 0; font-style:italic; } /************************************************************************************ CUSTOM POST TYPE *************************************************************************************/ .ptb_post_image img{ width:100%; } .read_excerpt{ padding: 15px 0 15px 20px; border-left: 5px solid #fff200; font-weight: 200; font-size: 1.556em; margin: 0 0 1em 0; line-height: 1.4em; } .readmore .ptb_link_button{ font-size:14px; } /************************************************************************************ ATTACHMENT SINGLE VIEW *************************************************************************************/ .attachment.single-attachment, .single-attachment .attachment { float: none; margin: 0; text-align: left; } /************************************************************************************ GALLERY *************************************************************************************/ #body .gallery { margin: 0 0 20px 0; } /* gallery item */ #body .gallery .gallery-item { margin: 0 8px 8px 0; vertical-align: top; width: auto; float: left; text-align: center; } /* gallery image */ #body .gallery img { border: none; vertical-align: middle; } /* gallery caption */ #body .gallery .gallery-caption { line-height: 120%; font-size: 90%; text-align: center; margin: 5px 0 0; } /* GALLERY COLUMN ================================================ */ /* gallery column 1 (display all in one line) */ #body .gallery-columns-1 .gallery-item { width: auto; } #body .gallery-columns-1 br { display: none !important; } /* gallery column 2 */ #body .gallery-columns-2 .gallery-item { width: 49.2%; } /* gallery column 3 */ #body .gallery-columns-3 .gallery-item { width: 32.3%; } /* gallery column 4 */ #body .gallery-columns-4 .gallery-item { width: 23.8%; } /* gallery column 5 */ #body .gallery-columns-5 .gallery-item { width: 18.8%; } /* gallery column 6 */ #body .gallery-columns-6 .gallery-item { width: 15.4%; } /* gallery column 7 */ #body .gallery-columns-7 .gallery-item { width: 13%; } /* gallery column 8 */ #body .gallery-columns-8 .gallery-item { width: 11.18%; } /* gallery column 9 */ #body .gallery-columns-9 .gallery-item { width: 9.77%; } /* set gallery item margin-right */ #body .gallery-columns-1 .gallery-item, #body .gallery-columns-2 .gallery-item, #body .gallery-columns-3 .gallery-item, #body .gallery-columns-4 .gallery-item, #body .gallery-columns-5 .gallery-item, #body .gallery-columns-6 .gallery-item, #body .gallery-columns-7 .gallery-item, #body .gallery-columns-8 .gallery-item, #body .gallery-columns-9 .gallery-item { margin: 0 1.5% 1.5% 0; } /* clear gallery item margin-right */ #body .gallery-columns-9 .gallery-item:nth-of-type(9n), #body .gallery-columns-8 .gallery-item:nth-of-type(8n), #body .gallery-columns-7 .gallery-item:nth-of-type(7n), #body .gallery-columns-6 .gallery-item:nth-of-type(6n), #body .gallery-columns-5 .gallery-item:nth-of-type(5n), #body .gallery-columns-4 .gallery-item:nth-of-type(4n), #body .gallery-columns-3 .gallery-item:nth-of-type(3n), #body .gallery-columns-2 .gallery-item:nth-of-type(2n) { margin-right: 0; } /************************************************************************************ BUILDER *************************************************************************************/ /* builder row */ .full_width .themify_builder_row .row_inner { width: 978px; /* same width as .pagewidth */ max-width: 100%; margin: auto; } .full_width .themify_builder_row.fullwidth .row_inner { width: auto; padding: 0; } /************************************************************************************ CLEAR & ALIGNMENT *************************************************************************************/ .clear { clear: both; } .left { float: left; } .right { float: right; } .textleft { text-align: left; } .textright { text-align: right; } .textcenter { text-align: center; } .logged-in.admin-bar .navbar { top:32px; } /* clearfix */ .clearfix:after, .widget li:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: inline-block; } /* clearfix for ie7 */ .clearfix, .widget li, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content { display: block; zoom: 1; } .yarpp-related { clear:both; } #content-tags { clear:both; } /* ezine */ #feature-ezine { background:#00a4b4 url(images/bg_ezine.jpg) right bottom no-repeat; min-height: 579px; padding: 132px 0 45px 0; } #feature-ezine h1 { background:#000 url(images/heading-ezine.png) 0 0 no-repeat; margin: 10px 0 25px 0; padding: 10px 0 10px 65px; box-sizing: border-box; color: #fff; font-size: 36px; line-height: 1.1em; font-weight: bold; } #feature-ezine p{ color:#000; } .ebook-thumbnail { margin: 0 auto; width: 100%; height: auto; max-width: 180px; min-height:274px; position: relative; overflow: hidden; } .ebook-thumbnail .ebook-bg{ position: absolute; z-index: 0; } .ebook-thumbnail .img-ebook{ position: absolute; z-index: 10; } .ebook-thumbnail .ebook-cover{ position: absolute; z-index: 20; opacity: 0.2; filter: alpha(opacity=20); /* For IE8 and earlier */ } .post-type-archive-e-magazine .e-magazine h3.entry-title { font-size: 1.2em; font-weight:bold; text-align: center; } .post-type-archive-e-magazine .e-magazine h3.entry-title small { font-size: 14px; } .post-type-archive-e-magazine .e-magazine a:hover.more { color: #000; border: 1px solid #000; } .social-links { padding-left: 20px; } .social-links a{ margin: 0 5px; } #latest-ezine { position: relative; } #latest-ezine .cover { position: absolute; z-index: 20; } #latest-ezine .ezine-book { position: absolute; z-index: 10; width: 96%; left: 1.5%; top: 1.90%; max-width:340px; max-height:455px; } #latest-ezine .ezine-bg { position: absolute; z-index: 0; } #latest-ezine .badge-free { display: none; position: absolute; z-index: 25; right:-75px; top:50px; width: 100%; max-width: 160px; } #latest-ezine .badge-free img{ position: relative; z-index: 26; } #latest-ezine .badge-free span{ position: relative; z-index: 27; display: none; } .btn-download { max-width: 280px; padding:12px 15px; color: #000; background: #ffff00; font-size: 24px; border-radius: 0; -webkit-border-radius: 0; margin: 0 auto 10px auto; } .btn-contact { display: inline-block; padding: 30px; color:#000; background: #fff200; font-size:45px; } .btn-app { clear:both; display:block; width:auto; max-width:260px; margin: 0 0 10px 0; } .flipbook-container { margin: 0 auto; } /************************************************************************************ HOME PAGE *************************************************************************************/ .feature-nav { margin: 20px auto; } .feature-nav .bar { background: url(images/top_bg.jpg) 0 0 repeat-x; width: 100%; height: 5px; } ul#menu-feature-cars, ul#menu-feature-cars-2, ul#menu-iamcar-chanel, ul#menu-feature-variety, ul#menu-feature-variety-2, ul#menu-feature-variety-3, ul#menu-feature-variety-4, ul#menu-feature-news { list-style: none; padding: 0; margin: 0; } ul#menu-feature-variety li, ul#menu-feature-variety-2 li, ul#menu-feature-variety-3 li, ul#menu-feature-variety-4 li { display: block; clear: both; margin: 0; } ul#menu-feature-cars li, ul#menu-feature-cars-2 li, ul#menu-iamcar-chanel li, ul#menu-feature-news li { /*clear: both;*/ display: block; margin: 0; } ul#menu-feature-variety li a, ul#menu-feature-variety-2 li a, ul#menu-feature-variety-3 li a, ul#menu-feature-variety-4 li a { background: #000; color: #fff; padding: 10px 15px; font-size: 18px; display: block; border-bottom: 1px solid #fff; } ul#menu-feature-cars li a, ul#menu-feature-cars-2 li a, ul#menu-iamcar-chanel li a, ul#menu-feature-news li a { background: #000; color: #fff; padding: 10px 20px; font-size: 21px; display: block; border-bottom: 1px solid #fff; } ul#menu-feature-variety li a:hover, ul#menu-feature-variety-2 li a:hover, ul#menu-feature-variety-3 li a:hover, ul#menu-feature-variety-4 li a:hover { text-decoration: none; color: #000; background: #fff; border-bottom: 1px solid #fff; } ul#menu-feature-cars li a:hover, ul#menu-feature-cars-2 li a:hover, ul#menu-iamcar-chanel li a:hover, ul#menu-feature-news li a:hover { text-decoration: none; color: #000; background: #fff; border-bottom: 1px solid #fff; } #latest-news { background: #ebebeb; padding: 15px; } #latest-news h3 { font-size:18px; color: #000; font-weight: bold; margin: 0; } #feature-variety .wp-post-image, #feature-variety-2 .wp-post-image, #feature-variety-3 .wp-post-image, #feature-variety-4 .wp-post-image, #latest-news .wp-post-image { margin: 0 0 10px 0; } #feature-variety a.more, #feature-variety-2 a.more, #feature-variety-3 a.more, #feature-variety-4 a.more, #latest-news a.more{ background: #fff; margin-bottom: 15px; } #feature-variety a:hover.more, #feature-variety-2 a:hover.more, #feature-variety-3 a:hover.more, #feature-variety-4 a:hover.more, #latest-news a:hover.more { color:#000; border: 1px solid #000; } /* ul#menu-feature-cars { margin: 20px 10px 10px 0; padding: 0; list-style: none; } ul#menu-feature-cars li { display: inline-block; border-right:0; color:#000; padding: 5px 20px 5px 10px; font-weight: bold; } ul#menu-feature-cars li.menu-item-7540 { border-right:0; } */ #feature-cars .wp-post-image, #feature-cars-2 .wp-post-image { margin: 0 0 10px 0; } #feature-cars h3, #feature-cars-2 h3 { font-size:18px; color: #000; font-weight: bold; margin: 0 0 5px 0; line-height: 1.4em; } #feature-variety, #feature-variety-2, #feature-variety-3, #feature-variety-4 { padding: 0 0 20px 0; background: #efefef; box-sizing: border-box; /*padding: 10px 25px 10px 25px;*/ padding:15px; margin-bottom: 20px; } #hightlight-home { padding: 50px 15px 15px 15px; } .block-ebook{ background: #efefef; padding: 13px 0; overflow: hidden; } #hightlight-home .latest-issue{ postion:relative !important; z-index: 0; margin:0 auto; } #hightlight-home .block-ebook .latest-issue img{ postion: relative !important; z-index: 10; margin: 0 auto; } #hightlight-home .block-ebook .latest-issue p { font-size: 12px; } #hightlight-home .block-ebook h2 { font-size: 16px; color:#000; line-height: 1.2em; margin: 0 0 10px 0; padding: 0; } #hightlight-home .block-ebook .badge-free{ postion: absolute !important; z-index: 15; top:10px; right:-15px !important; } #hightlight-home p { font-size:14px; line-height: 1.3em; } #latest-events { padding: 0 0 20px 0; } h2.title-events { font-size:24px; font-weight:bold; color: #000; } #latest-events .wp-post-image { margin: 0 0 10px 0; } #feature-variety h3, #feature-variety-2 h3, #feature-variety-3 h3, #feature-variety-4 h3{ font-size: 16px; color: #000; margin: 0; } #latest-events h3 { font-size: 18px; color: #000; margin: 0 0 10px 0; line-height: 1.2em; } #feature-variety h3, #feature-variety-2 h3, #feature-variety-3 h3, #feature-variety-4 h3 { line-height: 1.2em; padding-bottom: 10px; } .post-type-archive-event-organizer h1{ color: #000; font-size: 30px; } .post-type-archive-event-organizer .page-header { border: 0;} .masonry-container { padding-bottom: 50px; } .item { padding: 10px 15px; box-sizing: border-box; } .item .hentry { padding: 10px 0; background: #fff; border: 1px solid #efefef; border-radius:3px; -webkit-border-radius:3px; overflow: hidden; width: 97%; box-sizing: border-box; margin:0 auto; } .item h2,.item .desc { padding: 0 15px; } .item .wp-post-image { margin: 0 0 10px 0; } #content-events { background: #f5f3f3; } p.event-desc { color: #444; font-size: 1em; } .single-event-organizer p.event-desc { font-size: 1.4em; } #gallery-2.gallery-columns-3 .gallery-item { float: left; margin-top: 10px; text-align: center; width: 33%; padding: 5px 1.5%; box-sizing: border-box; } /* ads */ #ads-single-top { } #ads-single-top .bsaProContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width:100%; margin: 1% auto !important; } #ads-single-top .bsaProContainer .bsaProItem:first-child, .bsaProContainer .bsaProItem.bsaReset { clear:none; margin:0 auto; } #ads-pos-a3-a5 .bsaProItem, #ads-pos-b1-b3 .bsaProItem, #ads-pos-b5-b7 .bsaProItem { margin:0px; padding:0 10px; } #ads-pos-b1-b3 { padding:0 15px; } #ads-single-top .bsaProContainer .bsaProItem { float:none; } #ads-single-bottom-wide .bsaProItems { margin:0.8em auto !important; background:#01334c; max-height:90px; } #ads-single-bottom-wide .bsaProContainer.bsa-pro-col-1 .bsaGridGutter .bsaProItem { margin:0 !important; } #bsa-block-300--250.bsaProContainer .bsaProItem, #bsa-block-300--250 .bsaProItemInner__thumb, #bsa-block-300--250 .bsaProAnimateThumb{ max-width:none !important; max-height:none !important; } #ads-pos-a2 img, #ads-pos-a4 img, #ads-pos-a6 img,#ads-pos-a7 img,#ads-pos-a8 img, #ads-pos-b4 img,#ads-pos-b1-b3 img,#ads-pos-b5-b7 img{ width:100%; } #ads-pos-a7,#ads-pos-a8{ padding:0px; } #ads-pos-b1-b3,#ads-pos-b5-b7{ margin:20px 0; padding:0 10px; width:100%; } #ads-pos-a10 .bsaProContainer .bsaProItems { margin: .8% 0 !important; } #ads-pos-a1 .bx-wrapper{ margin: 0px !important; } @media (min-width:250px) { #ads-single-top .bsaProContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 48.4%; margin: .8% !important; } #ads-single-top .bsaProContainer .bsaProItem:first-child, .bsaProContainer .bsaProItem.bsaReset { clear: none; margin:0 auto; } #ads-single-top .bsaProContainer .bsaProItem { float: left; } #latest-ezine .ezine-book { width: 94%; left: 1.4%; top: 1.85%; } #ads-pos-a3-a5 .bsaProItem,#ads-pos-b1-b3 .bsaProItem,#ads-pos-b5-b7 .bsaProItem{ width:33.3%; padding: 2px; box-sizing: border-box; float: left; clear: none; } #ads-pos-a3-a5 img,#ads-pos-b1-b3 img,#ads-pos-b5-b7 img { max-width:none; width:100%; } #ads-pos-a1{ padding:15px 0 0 0; text-align:right; } #ads-pos-a1 .bsaProCarousel-8 { float:right; max-width:780px !important; } } @media screen and (max-width: 768px) { #footer, #sidebar-primary { display:none !important; } } @media screen and (max-width: 1000px) { body{ font-size:14px; } h1.blog-title { font-size:1.6em; font-weight:400; } } @media (min-width:768px) { body { padding-top:70px; } body.category, body.post-type-archive { padding-top:0px; } img .img-responsive .e-book{ max-height:200px; } /** BANNER **/ #ads-pos-a1{ padding:15px 0 0 0; } /** END BANNER **/ #logo-ezine { float: left; width: auto; } #logo-ezine img{ margin: 0; max-width: 165px; max-height:55px; } .contact-info { float: right; padding:10px 20px; } .navbar { min-height: 70px; } #primary { padding:30px 0 0 0; } .archive #primary, .category #primary, .post-type-archive #primary { padding:0; } .tag #primary { padding:30px 0 0 0; } #logo-sm { width:165px; height:auto; } #menu-primary { width: auto; box-sizing:border-box; } ul#menu-main-nav li a { font-size:14px; padding:10px 8px; } ul#menu-main-nav li a:hover { color:#fff200; } #ads-single-top .bsaProContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 32% !important; margin: .8% 0 .8% 1% !important; } #archive-highlight .page-header { margin:0 0 20px 0; padding-top:76px; } #category-sticky-posts a img { min-height:135px; } #category-sticky-posts a h3 { font-size:14px; top:5px; } #category-sticky-posts a .description { bottom:5px; font-size:11px; line-height:1.3em; } .category-thumbnail-holder .category-name { top: 25px; left: -5px; } .btn-download { padding:12px 60px; margin: 0 0 10px 0; } /* home page */ ul#menu-feature-cars, ul#menu-feature-cars-2, ul#menu-feature-variety, ul#menu-feature-variety-2, ul#menu-feature-variety-3, ul#menu-feature-variety-4, ul#menu-iamcar-chanel, ul#menu-feature-news { margin: 0; padding: 0; } ul#menu-feature-cars li, ul#menu-feature-cars-2 li, ul#menu-iamcar-chanel li, ul#menu-feature-variety li, ul#menu-feature-variety-2 li, ul#menu-feature-variety-3 li, ul#menu-feature-variety-4 li, ul#menu-feature-news li { display:inline-block; clear:none; float: left; width: auto; } ul#menu-feature-cars li a, ul#menu-feature-cars-2 li a, ul#menu-iamcar-chanel li a, ul#menu-feature-variety li a, ul#menu-feature-variety-2 li a, ul#menu-feature-news li a { padding: 10px 15px; font-size: 16px; width: auto; float: left; margin: 0 2px 0 0; border: 1px solid #000; } ul#menu-iamcar-chanel li a:hover, ul#menu-feature-cars li a:hover, ul#menu-feature-cars-2 li a:hover, ul#menu-feature-variety li a:hover, ul#menu-feature-variety-2 li a:hover, ul#menu-feature-variety-3 li a:hover, ul#menu-feature-variety-4 li a:hover, ul#menu-feature-news li a:hover { text-decoration: none; color: #000; background: #fff; border: 1px solid #000; } /* ul#menu-feature-cars li { border-right: 1px solid #000; }*/ } /* @media (min-width: 900px) { #ads-single-top .bsaProContainer.bsa-pro-col-3 .bsaGridGutter .bsaProItem { width: 32% !important; margin: .8% 0 .8% 1% !important; } #ads-single-top .bsaProContainer .bsaProItem:first-child, .bsaProContainer .bsaProItem.bsaReset { clear: left; margin-left:0; } #feature-ezine h1 { background:transparent url(images/heading-ezine.png) 0 0 no-repeat; } #latest-ezine .ezine-book { left: 2.84%; width: 96%; } } */ @media (min-width:900px) { #feature-ezine { padding: 132px 0 45px 0; } .contact-info { float: right; padding: 20px 5px; width: 50%; } ul#menu-main-nav li a { font-size: 16px; padding: 10px 10px; } #archive-highlight .page-header { position:absolute; z-index:10; text-align:center; border:0; width:100%; margin:0 0 20px; padding-top:0; } .category #archive-highlight .page-header { margin:75px 0 20px; } .none-of-archive-image .page-header { padding-top:80px; } #archive-highlight .img-archive { margin:76px 0 0 0; } .archive #archive-highlight .img-archive { margin:0; } #archive-highlight .page-header h1 { margin:60px auto 20px auto; display:inline-block; background-color:rgba(0,0,0,0.75); width:auto; border:0; padding:15px 30px; color:#fff; text-shadow:1px 1px #000000; position:relative; box-sizing:border-box; } #archive-highlight .taxonomy-description { background-color:rgba(0,0,0,0.75); width:auto; border:0; padding:15px 30px; color:#fff; display:inline-block; box-sizing:border-box; } #archive-highlight .taxonomy-description { width:90%; margin:0 auto; } #category-sticky-posts a h3 { font-size:18px; top:50px; } #category-sticky-posts a img { min-height:214px; } #category-sticky-posts a .description{ font-size:14px; line-height:1.4em; bottom:10px; } .sub-category .bar { height:5px; width:100%; } .sub-category { position:absolute; bottom:0; z-index:20; width:100%; text-align:center; } .archive #archive-highlight{ margin-bottom:20px; padding-top: 70px; } .sub-category ul { background:transparent; left: auto; width:auto; display:inline-block; margin:0 auto; bottom:-7px; } .sub-category ul li { width:auto; float:left; clear:none; border-bottom:0; background:#f7bd01; margin:0 6px 0 0; box-sizing:border-box; line-height:40px; font-size:18px; padding:5px 20px; } .post-thumbnail{ height:200px; overflow:hidden; margin-bottom:15px; } .archive #sidebar { padding:0 0 3% 0; } .btn-contact { margin: 40px auto; } #ads-pos-a3-a5 .bsaProItem,,#ads-pos-b1-b3 .bsaProItem,#ads-pos-b5-b7 .bsaProItem{ margin: 0!important; padding: 5px; } #ads-pos-a3-a5 .bsaProContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem, #ads-pos-b1-b3 .bsaProContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem, #ads-pos-b5-b7 .bsaProContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { margin: 0 !important; } ul#menu-feature-variety li a, ul#menu-feature-variety-2 li a, ul#menu-feature-variety-3 li a, ul#menu-feature-variety-4 li a { padding: 6px 14px; font-size: 16px; } #ads-pos-a1 { padding:0 0 0 15px; } #home-ebook { min-height:240px; } } @media (min-width: 1200px) { ul#menu-main-nav li a { font-size:18px; padding:10px 15px; } #latest-ezine .badge-free { display:block; } .contact-info { float: right; padding: 20px 20px 20px 85px; width: auto; } #feature-ezine { padding: 132px 0 45px 0; } #archive-highlight .page-header h1 { padding:30px 60px; } #category-sticky-posts a h3 { top:70px; } #ads-pos-a3-a5 .bsaProItem,#ads-pos-b1-b3 .bsaProItem,#ads-pos-b5-b7 .bsaProItem{ margin: 0 !important; padding: 3px; } #ads-pos-a3-a5 .bsaProContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem, #ads-pos-b1-b3 .bsaProContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem, #ads-pos-b5-b7 .bsaProContainer.bsa-pro-col-1 .bsaGridGutHor .bsaProItem { margin: 0 !important; } ul#menu-feature-variety li a, ul#menu-feature-variety-2 li a, ul#menu-feature-variety-3 li a, ul#menu-feature-variety-4 li a { padding: 10px 15px; font-size: 18px; } #bsaProCarousel .bsaProContainer.bsa-pro-col-1 .bsaGridGutter .bsaProItem { margin: 0 !important; } #ads-pos-a1 { padding:0 0 0 15px; } #home-ebook { min-height:290px; } } /* Custom CSS */ .content-table{ border:1px solide #333; border-collapse: separate; border-spacing: 2px 2px; } .iamcar-fb-comment{ padding:5px 10px 0px 10px; background:#f5f5f5; } input.vfb-large, input[type="text"].vfb-large, input[type="tel"].vfb-large, input[type="email"].vfb-large, input[type="url"].vfb-large, select.vfb-large, textarea.vfb-textarea{ font-size:25px; } .visual-form-builder label, label.vfb-desc { font-size: 20px; font-weight:normal; } .vfb-item-secret{ display:none !important; } .wp-spaios-conf{ display:none; } body .is-layout-flex{ display:flex !important; flex-wrap: wrap !important; }