/* font-size: 1px; font-size: 0.0625rem; font-size: 2px; font-size: 0.125rem; font-size: 3px; font-size: 0.1875rem; font-size: 4px; font-size: 0.25rem; font-size: 5px; font-size: 0.3125rem; font-size: 6px; font-size: 0.375rem; font-size: 7px; font-size: 0.4375rem; font-size: 8px; font-size: 0.50rem; font-size: 9px; font-size: 0.5625rem; font-size: 10px; font-size: 0.625rem; font-size: 11px; font-size: 0.6875rem; font-size: 12px; font-size: 0.75rem; font-size: 13px; font-size: 0.8125rem; font-size: 14px; font-size: 0.875rem; font-size: 15px; font-size: 0.9375rem; font-size: 16px; font-size: 1rem; font-size: 18px; font-size: 1.125rem; font-size: 19px; font-size: 1.1875rem; font-size: 20px; font-size: 1.25rem; font-size: 22px; font-size: 1.375rem; font-size: 23px; font-size: 1.4375rem; font-size: 24px; font-size: 1.50rem; font-size: 26px; font-size: 1.625rem; font-size: 28px; font-size: 1.75rem; font-size: 30px; font-size: 1.875rem; font-size: 32px; font-size: 2rem; font-size: 33px; font-size: 2.0625rem; font-size: 40px; font-size: 2.5rem; font-size: 42px; font-size: 2.625rem; font-size: 44px; font-size: 2.75rem; 48px 3rem 49px 3.0625rem 50px 3.125rem 51px 3.1875rem 52px 3.25rem 53px 3.3125rem 54px 3.375rem 55px 3.4375rem 56px 3.5rem 57px 3.5625rem 58px 3.625rem 59px 3.6875rem 60px 3.75rem 61px 3.8125rem 62px 3.875rem 63px 3.9375rem 64px 4rem font-family: 'Cookie', cursive; font-family: 'Open Sans', sans-serif; Color code - Yellow - #ffda39 , maroon - #b51818 , light green text #42b291 */ html { font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;} *, html, body { font-size:100%;} body,button,input,select,textarea { line-height:normal;} body { font-family: 'Open Sans', sans-serif; background:#e9eaed; color: #555; font-size: 16px; font-size: 1rem; line-height:normal; } h1,h2,h3,h4,h5,h6 { clear: both; font-weight:400; margin: 0; text-rendering: optimizeLegibility;} img { margin:auto; max-width:100%; height:auto;} button,input,select,textarea { max-width: 100%;} button, html input[type="button"], input[type="reset"], input[type="submit"] { padding:10px 15px; border:solid 0px #fff; cursor: pointer; background:#8dc5fb; color:#fff; text-align:center; } button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background:#444;} div.error, label.error { color:red;} button, input, select, textarea { padding:8px; border:solid 1px #ccc;} input.error, select.error, textarea.error { border-color:red;} a, a:visited { color:#3f5bae; text-decoration:none;} a:hover, a:focus { color:#555;} @-webkit-keyframes fadeinout { from { opacity:0;} to {opacity:1;}} @keyframes fadeinout { from {opacity:0;} to {opacity:1;} } .site-con-bg, .post-con-block-1, .sidebar .widget, .commentform-con, .navigation.post-navigation, .site-footer { background:#fff;} .page-header { margin:auto auto 20px; padding:30px 30px;} .page-content { padding:10px 30px;} .header-top-con { clear:both; float:left; width:100%; text-align:center; z-index:9999; position:relative; } .header-top-con .site-con-bg { padding:10px 15px 15px; padding:0.625rem 0.9375rem 0.9375rem; margin-bottom:30px; margin-bottom:1.875rem;} .header-top-con .navbar-header { padding-left:15px; } .header-top-con .navbar-header, .header-top-con .navbar-header a, .header-top-con .navbar-header a:visited { color:#555;} .header-top-con .navbar-header a:hover { text-decoration:none;} .header-top-con .navbar-collapse { float:right; margin:32px auto 0px; margin:2rem auto 0rem; font-family: 'Open Sans', sans-serif; font-size:16px; font-size:1rem;} .header-top-con .navbar-collapse, .header-top-con .navbar-collapse a, .header-top-con .navbar-collapse a:visited { color:#555;} .navbar-nav { list-style:none; margin:auto; padding:0px; font-size:16px; font-size:1rem;} .navbar-nav li { float:left; list-style:none; margin:auto; padding:10px; padding:0.625rem; position:relative;} .navbar-nav li a { float:left; width:auto; padding:0px; padding:0rem; margin:0px; margin:0rem; background:none;} .navbar-nav li:hover > a { color:#000; background:none; text-decoration:none;} .navbar-nav li ul { display:none; clear:both; padding:0px; padding:0rem; margin:0px; margin:0rem; position:absolute; top:100%; left:0px; right:0px;} .navbar-nav li:hover > ul { display:block; } .navbar-nav li:hover > ul { -webkit-animation-name: fadeinout; /* Chrome, Safari, Opera */ -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */ animation-name: fadeinout; animation-duration: 1s; } .navbar-nav li ul li { clear:both; float:left; padding:5px 10px; padding:0.3125rem 0.625rem; border-bottom:solid 1px #eee; background:#fff; font-size:14px; font-size: 0.875rem; text-align:left; width:100%;} .navbar-nav li ul li:hover { background:#f6f6f6; color:#444;} .navbar-toggle .icon-bar { background:#333;} .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar { background:#f6f6f6;} .navbar-toggle:hover, .navbar-toggle:focus { background:#333;} .navbar-brand { height:auto; padding:0px; text-align:left;} .navbar-collapse.collapse.in { background: #f6f6f6; display: block; margin: auto; padding: 0; position: absolute; overflow:visible; height:auto; right: 0; top: 95%; max-height:500px; } .navbar-brand .site-description { clear:both; float:left; margin:auto; font-size:12px; font-size: 0.75rem; } .navbar-brand .custom-logo-link { float:left; margin:0px 10px 0px 0px; max-width:70px; } .navbar-brand .site-title { clear:none; float:left; margin:auto auto 5px; margin:auto auto 0.3125rem; line-height:normal; font-family: 'Open Sans', sans-serif; font-weight:400; font-style:normal; font-size:40px; font-size:2.5rem; } .carousel-inner > .item > a > img.bannerimage { max-height:800px; max-height:50rem; width:100%; } .carousel-inner > .item > a > img, .carousel-inner > .item > img { max-height:800px; max-height:50rem; margin:auto; width:100%;} .carousel-inner > .item { max-height:800px; max-height:50rem; overflow:hidden; } .carousel-inner > .item .video-container { float:left; width:100%; position:relative;} .carousel-inner > .item .video-container video.fillWidth { position:static; float:left; width:100%; height:100%;} .header-title-con { clear:both; float:left; width:100%; background:#fff;} .header-title-con, .header-title-con .entry-title, .header-title-con a, .header-title-con a:visited { color:#888; font-size: 28px; font-size: 1.75rem;} .header-title-con .date-con { float:none; padding:10px; padding:0.625rem; width:80px; background:#c6ddc3; color:#fff; display:table-cell; vertical-align:middle; text-align:center; font-size:12px; font-size: 0.75rem; text-transform:uppercase;} .header-title-con .date-con .date-day { clear:both; float:left; width:100%; font-size: 26px; font-size: 1.625rem; line-height:normal;} .header-title-con .date-con .date-month { clear:both; float:left; width:100%; font-size: 14px; font-size: 0.875rem; } .header-title-con .date-con .date-year { clear:both; float:left; width:100%; font-size: 14px; font-size: 0.875rem; } .header-title-con .entry-header { float:none; padding:10px 20px; padding:0.625rem; display:table-cell; vertical-align:middle; width:auto; border-left:solid 1px #eee; } .post-con-block-1 { margin-bottom:30px;} .entry-content { padding:30px;} .entry-summary{ padding:30px 30px 10px;} .entry-footer { padding:10px 30px 10px;} .entry-footer .author .avatar{ padding:2px; margin:0px 10px 10px 0px; border:solid 5px #bdc5d0;} .entry-footer .blog-authorinfo { display:inline-block; padding-bottom:10px; margin-bottom:15px; width:100%; border-bottom:dashed 1px #ccc;} .entry-footer .posted-on, .entry-footer .posted-on, .entry-footer .cat-links, .entry-footer .tags-links, .entry-footer .comments-link { display:inline-block; margin:0px 20px 20px 0px;} .sidebar .widget { clear:both; float:left; width:100%; padding:30px; margin-bottom:30px; position:relative; overflow:hidden;} .sidebar .widget-title { clear:both; float:left; padding:30px 30px 30px; margin:-30px -30px 20px;width:120%; color:#fff; font-size: 20px; font-size: 1.25rem; background:#76bcfa; } .sidebar .widget:nth-child(1) .widget-title, .sidebar .widget_search { background:#8dc5fb;} .sidebar .widget:nth-child(2) .widget-title { background:#fdc14f;} .sidebar .widget:nth-child(3) .widget-title { background:#46b580;} .sidebar .widget:nth-child(4) .widget-title { background:#87a2fd;} .sidebar .widget:nth-child(5) .widget-title { background:#b4c2dc;} .sidebar .widget:nth-child(6) .widget-title { background:#c270c8;} .sidebar .widget:nth-child(7) .widget-title { background:#26c7b8;} .sidebar .widget:nth-child(8) .widget-title { background:#fd9d58;} .sidebar .widget .search-form { float:left; position:relative;} .sidebar .widget .search-form .searchfield { float:left; width:70%; margin:auto;} .sidebar .widget .search-form .search-submit { float:left; margin:auto; width:30%; border-left:solid 1px #eee; color:#333; text-align:center; background:#fff; text-transform:uppercase;} .search-form .search-field, .search-form .search-submit { float:left; border:solid 0px #eee; padding:10px; margin:auto; font-size:16px; font-size:1rem; font-weight:300;} .search-form .search-field { background:#fff; } .sidebar ol, .sidebar ul { clear:both; margin:auto; padding:0px; list-style:none;} .sidebar li { clear:both; padding:5px 0px 10px; margin-bottom:5px; font-size:16px; font-size:1rem; border-bottom:solid 1px #eee; } .sidebar li:last-child { border-bottom:0px;} .sidebar li, .sidebar li a, .sidebar li a:visited { color:#888;} .sidebar li:hover a, .sidebar li a:hover { color:#000; text-decoration:none;} .widget_calendar #wp-calendar { width:100%;} .widget_calendar #wp-calendar caption { padding:30px 30px 30px; margin:-30px -30px 20px;width:120%; color:#fff; font-size: 20px; font-size: 1.25rem; background:#c38aaa; } .widget_calendar #wp-calendar thead th { color:#555; text-align:center; } .widget_calendar #wp-calendar tbody td { color:#999; text-align:center; } .widget_calendar #wp-calendar tbody td:hover { color:#999;} .widget_calendar #wp-calendar tbody td#today { color:#fff; background:#c38aaa; } .widget_calendar #wp-calendar tfooter th { color:#ccc; } .comments-area { clear:both; float:left; padding:30px; margin-bottom:30px; width:100%; } .comments-area .comment-reply-title { clear:both; float:left; padding:0px 0px 15px; margin:0px auto 15px; width:100%; border-bottom:solid 1px #ccc; } .comments-area .comment-form { clear:both; float:left; width:100%;} .comments-area .comment-form label { clear:both; width:100%; color:#888; font-weight:400; font-size:16px; font-size: 1rem; } .navigation.post-navigation { clear:both; float:left; padding:30px; padding:30px; margin-bottom:30px; width:100%;} .navigation.post-navigation > .screen-reader-text { clear:both; float:left; padding:0px 0px 15px; margin:0px auto 15px; width:100%; border-bottom:solid 1px #ccc; } .navigation.post-navigation .nav-links { clear:both;} .footer-con-main { clear:both; float:left; margin:30px auto 0px; width:100%; } .footer-con-main .site-footer { padding:30px;} .gototop { position: fixed; z-index: 99999999; right:50px; bottom:10%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;} .gototop:before { content: "\f102"; font-family: 'FontAwesome'; position:absolute; color:#444; font-size:16px; font-weight:300; white-space:nowrap; background:none;} .gototop:hover:before, .gototop.show:hover:before { color:#006938; background:none;} .gototop:hover, .gototop.show:hover {opacity:1; background:none;} .gototop.show { visibility:visible; cursor:pointer; opacity: 0.5;} @media screen and ( max-width:1920px) {} @media screen and ( max-width:1780px) {} @media screen and ( max-width:1680px) {} @media screen and ( max-width:1600px) {} @media screen and ( max-width:1580px) {} @media screen and ( max-width:1500px) {} @media screen and ( max-width:1440px) { html,body { font-size:80%;} html p, body p { font-size:110%;} .sidebar .widget-title { padding:16px; padding:1rem; width:130%;} } @media screen and ( max-width:1366px) {} @media screen and ( max-width:1280px) {} @media screen and ( max-width:1200px) {} @media screen and ( max-width:1080px) {} @media screen and ( max-width:1050px) {} @media screen and ( max-width:1024px) { .header-top-con .navbar-header { margin:auto; padding:0px;} .navbar-brand { max-width:70%;} .navbar-brand .custom-logo-link { margin:auto; max-width:30%;} } @media screen and ( max-width:980px) {} @media screen and ( max-width:900px) {} @media screen and ( max-width:800px) {} @media screen and ( max-width:770px) {} @media screen and ( max-width:667px) {} @media screen and ( max-width:600px) {} @media screen and ( max-width:568px) {} @media screen and ( max-width:480px) {} @media screen and ( max-width:414px) {} @media screen and ( max-width:384px) {} @media screen and ( max-width:375px) {} /*.no-video .video-container video, .touch .video-container video { display: none;} .no-video .video-container .poster, .touch .video-container .poster { display: block !important;} .video-container { position: relative; top:0px; left: 0%; right:0px; overflow: hidden; height:1200px;} .video-container .poster img { width: 100%; top:0px; position: absolute;} .video-container .filter { z-index: 100; top:0px; left:0px; position: absolute; background: rgba(0, 0, 0, 0.4); width: 100%; } .video-container video { position: absolute; z-index: 0; left:0px; top: 0px; height:100%;} .video-container video.fillWidth { height:1200px; position:absolute; top:0px; width: 100%; }*/