/* Max content widths */ .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto } /* Header logo If you require a Site title and a logo, an example of how to do this is provided below (use your own logo): #site-title a { display: inline-block; padding-left 60px; background: url(../img/logo.png) 0 0 no-repeat; } */ /* Main content */ #content article { margin-bottom: 40px } #content header { margin: 20px 0 } #content section { margin-bottom: 20px } #content footer { padding-bottom: 20px } /* Sidebar */ .sidebar { margin-top: 20px } .sidebar section { margin-bottom: 40px } .sidebar ul, .sidebar ol { list-style-type: none; padding: 0 } .sidebar li { margin: 10px 0 } /* Hide form placeholders on focus */ input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */ input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ textarea:focus::-webkit-input-placeholder { color: transparent; } textarea:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */ textarea:focus::-moz-placeholder { color: transparent; } /* FF 19+ */ /* Comments */ #respond { margin-top: 40px } ol.commentlist { counter-reset: li; /* Initiate a counter */ padding: 0 } ol.commentlist ul { padding: 0 } ol.commentlist > li { position: relative; margin: 0 0 20px 0; list-style: none /* Disable the normal item numbering */ } ol.commentlist > li:before { content: "Thread " counter(li); /* Use the counter as content */ counter-increment: li; /* Increment the counter by 1 */ position:absolute; top: 0; right: 0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom-left-radius: 4px; padding: 5px 20px 5px 10px; color: #999 } ol.commentlist li ol, ol.commentlist li ul { list-style-type: none; margin: 0 } .commentlist li li { background: #f8f8f8; } .commentlist li li li { background: #fff } .commentlist li li li li { background: #f8f8f8 } .commentlist li li li li li li { background: #fff } .commentlist li { padding: 20px } .commentlist ul li { margin-top: 20px; margin-bottom: 0 } .reply p { margin: 0 } /* Site footer */ .site-footer ul, .site-footer ol { list-style-type: none; padding: 0 } .site-footer li { margin: 10px 0 } .site-sub-footer p { text-align: center } .site-footer p { text-align: center } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .gallery-caption, .bypostauthor, .sticky{ } a, a:hover, a:focus { outline: none; text-decoration: none; } .nopad{ padding: 0 !important; } .navbar-main .navbar-brand { padding: 0 15px; } .navbar-main .navbar-brand img{ max-width: 160px; max-height: 40px; } .navbar-main,.site-footer{ background: #fff; padding: 15px 0; perspective-origin: 674.5px 37.484375px; transform-origin: 674.5px 37.484375px; border: 0px none rgb(102, 102, 102); outline: rgb(102, 102, 102) none 0px; color: #2b3e50; } .search-form input{ background: #4e5d6c; color: #2b3e50; } .navbar-main .navbar-nav>li>a { color: #2b3e50; font-size: 15px; text-transform: uppercase; } .navbar-main .navbar-nav>li>a:hover, .navbar-main .navbar-nav>li>a:focus { color: #2b3e50; background-color: transparent; } .navbar-main .navbar-nav>.active>a, .navbar-main .navbar-nav>.active>a:hover, .navbar-main .navbar-nav>.active>a:focus { color: #2b3e50; background-color: transparent; font-weight: bold; } .navbar-top { margin: 0; background: #df691a; color: #fff; min-height: inherit; } .navbar-top .nav li a{ color: #fff; padding: 0px 15px; font-size: 12px; } .navbar-top .nav li:first-child a{ padding: 0px; } .nav>li>a:hover, .nav>li>a:focus { background-color: transparent; } .post img{ max-width: 100%; } .social-icons{ padding: 0; margin: 0; float: right; } .social-icons li a { color: #fff; font-size: 15px; } .social-icons li a[href='']{ display:none; } .navbar-header, .navbar-nav { margin: 0 !important; }