/* delcaldo.com design | 2013 www.delcaldo.com info@delcaldo.com ------------------------------------------------------------------ CSS: SAFARI, FIREFOX, IE 7+, OPERA, CHROME ------------------------------------------------------------------ CSS SCREEN V. 1.0 ------------------------------------------------------------------ */ /******************************************************************** BASE ********************************************************************/ body { font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 19px; padding: 0px; margin: 0px; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; /*background-color: #f9f6f1;*/ background-color: #2d334e; background-image: url(../images/bg-body.jpg); background-repeat: repeat-x; background-position: top; } a { text-decoration: none; /*color: #545a73;*/ color: #296CB2; -moz-transition-property: color; -o-transition-property: color; -webkit-transition-property: color; transition-property: color; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } a:hover { text-decoration: underline; color: #155497; } a h1, a h2, a h3, a h4 { color: inherit; } .container { padding: 0px; margin-top: 0px; } .bg-container { /*background-image: url(../images/bg-container.jpg); background-repeat: repeat-x; background-position: top; padding-top: 10px;*/ background-color: #ffffff; } .bg-color { background-color: #f8f8f8; } .container .one-third.column.widget { width: 266px; } .no-margin { padding: 0px !important; margin: 0px !important; } .margin-top { padding: 0px !important; margin: 15px 0px !important; } .fa { color: #b1b9d8; } /******************************************************************** TYPOGRAPHY ********************************************************************/ .date { font-size: 12px; color: #333333; display: block; font-weight: 600; } .date-small { font-size: 11px; color: #333333; display: block; font-weight: bold; margin-bottom: 5px; } hr { border: solid #d9d9d9; border-width: 1px 0 0; clear: both; margin: 1px 0 10px 0; height: 0; } hr.thick { border: solid #d9d9d9; border-width: 4px 0 0 !important; clear: both; margin: 30px 0px 30px 0px; height: 0; } h1 { color: #4c4c4c; font-family: 'Cambo', serif; font-size: 28px; line-height: 1.2em; font-weight: 500; padding: 0px; margin: 0 0 10px 0; } h1.t_article { font-size: 34px; font-weight: normal; margin-bottom: 0px; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; } h2 { color: #4c4c4c; font-family: 'Cambo', serif; font-size: 24px; line-height: 1.2em; font-weight: 900; padding: 0px; margin: 0 0 10px 0; } h2.t_list { margin-bottom: 20px; margin-top: 10px; } h2.t_tab { font-size: 28px; font-weight: normal; margin-bottom: 0px; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #d9d9d9; } h1.t_line { margin-bottom: 10px; margin-top: 10px; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; font-weight: 500; color: black; } h3.t_line_thin { margin-bottom: 10px; margin-top: 0px; padding-bottom: 5px; border-bottom: 3px solid #d9d9d9; font-weight: 600; } h3.t_line_thin i { font-size: 14px; float: right; margin-top: 5px; } h2.t_line { margin-bottom: 20px; margin-top: 10px; padding-bottom: 5px; padding-top: 5px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; font-weight: 600; color: black; } h3.t_line { margin-bottom: 10px; margin-top: 0px; padding-bottom: 5px; border-bottom: 3px solid #d9d9d9; font-size: 24px; line-height: 24px; font-weight: 400; } h3.t_line.note { border-bottom: 1px solid #f5ec47; } h3.t_line i { font-size: 14px; float: right; margin-top: 5px; } h3 { color: #4c4c4c; font-family: 'Cambo', serif; font-size: 20px; line-height: 1.2em; font-weight: 700; padding: 0px; margin: 0 0 10px 0; } h3.subtitle { font-size: 20px; font-weight: normal; font-family: 'Cambo', serif; padding-top: 8px; border-top: 1px solid #d9d9d9; margin: 0px 0px 20px 0px; } h3.note { color: black; } h4 { color: #4c4c4c; font-family: 'Cambo', serif; font-size: 16px; line-height: 1.1em; font-weight: 600; padding: 0px; margin: 0 0 5px 0; } h5 { color: #4c4c4c; font-family: "Open Sans", sans-serif; font-size: 18px; line-height: 1.2em; font-weight: 600; padding: 0px; margin: 0 0 10px 0; } h6 { font-size: 14px; line-height: 1.2em; font-weight: 600; padding: 0px; margin: 3px 0 3px 0; } body p { font-size: 13px; line-height: 21px; margin: 0 0 10px 0; } ol, ul { margin: 0 0 10px 0; padding: 0 0 0 10px; } ol li, ul li { margin: 0 0 7px 20px; /*font-size: 14px; line-height: 20px;*/ } .mini_txt { padding: 0px; font-size: 13px; } .medium_txt { padding: 0px; margin: 0px; font-size: 14px; } blockquote { border-left: 3px solid #d9d9d9; margin: 20px 0px 20px 0px; padding: 15px 15px 5px 15px; quotes: "\201C" "\201D" "\2018" "\2019"; font-size: 16px; line-height: 25px; color: #444444; font-style: italic; } blockquote:before { color: #4c4c4c; content: open-quote; font-size: 70px; line-height: 0; margin-right: 0.1em; vertical-align: -35px; } blockquote:after { color: #4c4c4c; content: close-quote; font-size: 70px; line-height: 0; margin-left: 0.1em; vertical-align: -45px; padding: 0px; } blockquote p { display: inline; } .tag { font-size: 12px; margin: 8px 0px 0px 0px; padding: 5px 0px 0px 0px; /*border-top: 1px solid #d9d9d9;*/ color: #666666; clear: both; } .tag i { color: #666666; } .tag a { margin: 0px 5px 0px 5px; } .tag a:hover { text-decoration: underline; } .extra-margin { margin: 10px 0px 10px 0px; } .titolo-bg { background-color: #387da0; padding: 8px 10px; margin-bottom: 5px; color: #fff; font-family: 'Cambo', serif; font-size: 18px; } .titolo-bg a { color: #fff; } /******************************************************************** IFRAME VIDEO AND MAP ********************************************************************/ .map-wrapper iframe { width: 100%; } .map-wrapper { padding: 4px; border: 1px solid #d9d9d9; } .video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /******************************************************************** IMAGES ********************************************************************/ .content img { border: 0; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: auto; border: 1px solid #d9d9d9; margin: 0 0 10px 0; padding: 3px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: white; -moz-transition-property: box-shadow, border-color; -o-transition-property: box-shadow, border-color; -webkit-transition-property: box-shadow, border-color; transition-property: box-shadow, border-color; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .content img.full-width { width: 100%; /* full image */ } .content a[class^="group"] img:hover { /*border: 1px solid #999; -moz-box-shadow: #999999 0 3px 9px 0; -webkit-box-shadow: #999999 0 3px 9px 0; box-shadow: #999999 0 3px 9px 0;*/ } .container .photo_caption { font-size: 13px; color: #333333; margin: 4px 0 0 0; padding: 0; } .container .photo_caption img { -moz-box-shadow: transparent 0 0 0 0; -webkit-box-shadow: transparent 0 0 0 0; box-shadow: transparent 0 0 0 0; } .container .photo_caption .caption { border-bottom: 1px solid #d9d9d9; display: inline-block; margin: 0 0 10px 0; padding: 0 0 8px 0; } /* Image block with left floating */ .container .photo_caption.left { margin: 4px 25px 0 0; float: left; } /* Image block with right floating */ .container .photo_caption.right { margin: 4px 0 0 25px; float: right; } .container .photo_caption.cover { width: auto; } /******************************************************************** PHOTOGALLERY ********************************************************************/ .frame-gallery { width: 200px; height: 200px; line-height: 200px; border: 1px solid #d9d9d9; background-color: white; padding: 3px; margin: 10px 0px 10px 0px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -moz-box-shadow: #cccccc 0 0 4px 0; -webkit-box-shadow: #cccccc 0 0 4px 0; box-shadow: #cccccc 0 0 4px 0; -moz-transition-property: box-shadow, border-color; -o-transition-property: box-shadow, border-color; -webkit-transition-property: box-shadow, border-color; transition-property: box-shadow, border-color; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; text-align: center; } .gallery img { border: 0px; max-width: 100%; max-height: 100%; vertical-align: middle; } .frame-gallery:hover { border: 1px solid #999; -moz-box-shadow: #999999 0 0 9px 0; -webkit-box-shadow: #999999 0 0 9px 0; box-shadow: #999999 0 0 9px 0; } /* List gallery */ .img_gallery { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /******************************************************************** HEADER ********************************************************************/ .mini-bar{ padding: 5px; background-color: #efefef; } .mini-header { padding: 5px 15px 5px 15px; background-color: #0a3f6b; font-size: 12px; color: white; border-bottom: solid 1px #306b9c; } .mini-header a { color: white; } .mini-header a:hover { color: #e2eff5; text-decoration: underline; } .mini-header i { margin: 0px 5px 0px 3px; } .search-header { padding: 25px 0px; } .header { margin: 0px; /*background-color: #104c7e;*/ background-image: url(../images/bg-header.jpg); background-repeat: no-repeat; background-position: top; height: 100px; } .header .logo { margin: 0px; padding: 0px; } .header .title { margin: 0px; padding: 0px; } .header input[type="text"] { display: inline; } .header h1 { font-size: 34px; line-height: 34px; font-family: 'Cambo', serif; text-shadow: 1px 1px 2px rgba(68, 68, 68, 1); font-weight: 400; color: #fff; margin: 20px 0px 0px 10px; } .header h1 .light { font-weight: 200; } .header h2 { font-size: 24px; line-height: 24px; font-family: 'Cambo', serif; text-shadow: 1px 1px 2px rgba(68, 68, 68, 1); font-weight: normal; text-transform: none; color: #fff; margin: 0px 0px 20px 10px; display: inline-block; } .header h3 { font-size: 20px; line-height: 20px; font-weight: 400; font-family: 'Cambo', serif; color: black; margin: 0px 0px 0px 10px; display: inline-block; } .header ul.menu_header { font-size: 12px; font-weight: 600; text-transform: uppercase; color: black; margin-top: 20px; padding: 0px; width: 100%; } .header ul.menu_header li { margin: 0px; padding: 0px; list-style: none; } .header ul.menu_header a { display: block; color: black; padding: 0px 6px 0px 6px; margin-bottom: 4px; background-color: #67a1be; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.1); filter: dropshadow(color=rgba(0, 0, 0, 0.1), offx=0, offy=-1); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -moz-transition-property: background-color; -o-transition-property: background-color; -webkit-transition-property: background-color; transition-property: background-color; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .header ul.menu_header a:hover { color: black; text-decoration: none; background-color: #89b7ce; } .header ul.menu_header a.current { color: black; background-color: #95bdd2; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } /* .logo { height: 116px; padding: 0px; margin: 0px; } .logo img { border-right: 1px solid #387da0; border-left: 1px solid #387da0; } */ .right { float: right; } .language { color: #90b1cd; } /******************************************************************** MAIN NAVIGATION ********************************************************************/ .menu-full { width: 100%; background-color: #0a3f6b; border-top: solid 1px #306b9c; } #main-menu { position: relative; z-index: 9999; width: auto; } #main-menu label { display: none; } #main-menu ul { width: 12em; } #main-menu form { margin-top: 6px; } #main-menu i { margin-right: 0; color: #fff; } #main-menu .current i { color: #fff; } /******************************************************************** BREADCRUMB ********************************************************************/ .breadcrumb { padding: 10px 5px 10px 0px; margin: 0px 0 5px 0; font-size: 13px; color: #333333; } /******************************************************************** A BAR ********************************************************************/ .a_bar { padding: 0px 0px 5px 0px; margin: 0px 0 5px 0; font-size: 14px; font-weight: 600; color: #d9d9d9; border-bottom: 2px solid #d9d9d9; } .a_bar .current { color: #4c4c4c; } .widget .a_bar { font-size: 12px; } /******************************************************************** NUM BAR ********************************************************************/ .num_bar { padding: 5px; font-size: 14px; font-weight: 400; color: #d9d9d9; margin: 5px 0px 15px 0px; border: 2px solid #d9d9d9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #fbfbfb; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF8F8F8', endColorstr='#FFFFFFFF'); background-image: -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 100%); background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ffffff 100%); background-image: linear-gradient(to bottom, #f8f8f8 0%, #ffffff 100%); background-clip: padding-box; background-size: 100% 100%; } .num_bar .current { color: #666666; font-weight: 600; } .num_bar i { vertical-align: middle; margin-left: 8px; margin-right: 8px; } .num_bar.bottom { margin-top: 30px !important; } /******************************************************************** HEADERS INSIDE PAGES ********************************************************************/ .mini_header { margin: 5px 0px 15px 0px; border: 1px solid #d9d9d9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #387da0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF387DA0', endColorstr='#FF387DA0'); background-image: -moz-linear-gradient(top, #387da0 0%, #387da0 100%); background-image: -webkit-linear-gradient(top, #387da0 0%, #387da0 100%); background-image: linear-gradient(to bottom, #387da0 0%, #387da0 100%); background-clip: padding-box; background-size: 100% 100%; } .mini_header.alternative { background-color: #6a876a; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF789378', endColorstr='#FF5C7B5C'); background-image: -moz-linear-gradient(top, #789378 0%, #5c7b5c 100%); background-image: -webkit-linear-gradient(top, #789378 0%, #5c7b5c 100%); background-image: linear-gradient(to bottom, #789378 0%, #5c7b5c 100%); } .mini_header i { font-size: 14px; color: #fff; margin: 0px 0px 0px 10px; vertical-align: middle; padding: 0px; } .mini_header h1 { font-size: 32px; line-height: 32px; font-family: "Open Sans", sans-serif; margin: 5px 0px 5px 5px; color: #fff; display: inline-block; } .mini_header h2 { font-size: 22px; line-height: 22px; font-weight: normal !important; margin: 8px 0px 8px 8px; color: #fff; display: inline-block; vertical-align: middle; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2); filter: dropshadow(color=rgba(0, 0, 0, 0.2), offx=0, offy=-1); } /******************************************************************** WIDGET All contents displayed inside boxes ********************************************************************/ .widget { padding: 15px 15px 15px 15px; margin: 0px 0px 10px 0px; /*border: 2px solid #d9d9d9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;*/ background-color: white; overflow: hidden; } .widget.note { border: 2px solid #f5ec47; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: #fffbb4; } .widget-menu-vrt { padding: 5px 10px; margin: 0px 0px 10px 0px; border: 2px solid #d9d9d9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-color: white; overflow: hidden; } .widget-map { padding: 15px 0px 0px 0px; margin: 0px 0px 10px 0px; } /******************************************************************** LIST ********************************************************************/ .base_list { margin: 0px; padding: 0px; } .base_list li { border-bottom: 1px solid #d9d9d9; margin: 0px; padding: 4px 0px 4px 0px; list-style: none; } .base_list li:last-child { border-bottom: 0px; } .base_list li ul li { border-bottom: 0px solid #d9d9d9 !important; margin: 0px; padding: 4px 0px 4px 0px; list-style: none; } .base_list li a { display: inline-block; } .base_list li i { display: inline-block; /*color: #666666;*/ font-size: 14px; margin-right: 5px; } .padding_list li { padding: 8px 0px 8px 0px; } .icon_list li { list-style: none; } .icon_list li a { margin-left: 0px; margin-top: 0px; padding-top: 0px; } .icon_list li i { float: left; padding-top: 3px; } .icon_list li h2, .icon_list li h3 { margin-top: 10px; } .icon_list li h5 { margin: 0px; } .icon_list li h1 { margin: 0px; font-size: 22px; } .icon_list li h4 { font-weight: 400; } .news_list { margin: 10px 0px 0px 0px; padding: 0px; list-style: none; } .news_list li { margin: 0px 0px 8px 0px; padding: 8px 0px 10px 0px; font-size: 13.5px; line-height: 1.2em; } .news_list li a { display: inline; } .news_list li .date { font-size: 13px; color: #333333; } .news_list li strong { font-size: 14px; padding-bottom: 5px; margin: 0px; } .news_list li img { float: left; margin: 0px 10px 10px 0px; } .news_list h4 { color: #4c4c4c; font-size: 16px; line-height: 1.1em; font-weight: 600; padding: 0px; margin: 0px 0px 4px 0px; } /******************************************************************** VERTICAL MENU ********************************************************************/ .vertical_menu { border: 0px; background-color: white; margin: 0px 0px 0px 0px; padding: 15px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-family: 'Cambo', serif; font-size: 16px !important; } .vertical_menu a { text-decoration: none; color: #545a73; } .vertical_menu a:hover { text-decoration: none; color: #2d334e; } ol.vertical_menu li { border-bottom: 1px solid #d9d9d9; margin: 0px; padding: 4px 0px 4px 0px; } ol.vertical_menu li:last-child { border-bottom-width: 0px; } ol.vertical_menu i { color: #b1b9d8; font-size: 14px; margin-right: 5px; } ol.vertical_menu li ol { margin: 10px 0px 0px 30px; padding: 0px; } ol.vertical_menu li li { border-bottom: 0; margin: 0px; padding: 3px 0px 3px 0px; } .partner { text-align: left; margin-top: 30px; } .partner img { border: 0px; width: auto !important; } .right_menu { /*border-left: 3px solid #efefef;*/ border: 1px solid #d9d9d9; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; margin-top: 15px; padding-top: 10px; min-height: 300px; } .right_menu a { text-decoration: none; color: #545a73; } .right_menu a:hover { text-decoration: none; color: #2d334e; } /******************************************************************** FOOTER ********************************************************************/ .footer { font-size: 12px; color: #000000; margin: 50px 0px 0px 0px; padding: 10px 0px 10px 0px; text-align: left; width: 100%; overflow: hidden; border-top: 3px solid #d9d9d9; background-color: #ffffff; float: left; } .footer .color-01 { border-bottom: solid 3px #ffc955; margin-left: 15px; padding: 0px 0px 5px 0px; } .footer .color-02 { border-bottom: solid 3px #e08040; margin-left: 15px; padding: 0px 0px 5px 0px; } .footer .color-03 { border-bottom: solid 3px #8fb562; margin-left: 15px; padding: 0px 0px 5px 0px; } .footer .color-04 { border-bottom: solid 3px #62aeb5; margin-left: 15px; padding: 0px 0px 5px 0px; } .footer h4 i { color: #729bd1; margin-right: 2px; font-size: 14px; } .footer h5 { font-size: 18px; line-height: 18px; font-family: "Open Sans", sans-serif; margin: 0px 0px 8px 0px; } .footer h6 { font-size: 16px; line-height: 16px; font-family: "Open Sans", sans-serif; margin-bottom: 8px; } .footer p { font-size: 11px; } .footer a { color: #fff; text-decoration: none; font-weight: 400; } .footer a:hover { text-decoration: none; } .footer ul { margin-top: 0px; padding-left: 15px; margin-left: 0px; } .footer ul li { padding-left: 0px; margin-left: 0px; padding-bottom: 3px; margin-bottom: 3px; border-bottom: 1px dotted #d9d9d9; list-style: none; } .footer ul li i { color: #666666; margin-right: 8px; } .date-footer { margin: 40px 0px 0px 0px; padding: 0px; } /******************************************************************** BUTTONS ********************************************************************/ .btn { display: inline-block; border: 2px solid #d4d4d4; padding: 6px 10px; line-height: 16px; margin: 0 0 10px 0; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0, rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(255, 255, 255, 0.15) 0 0 30px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0, rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(255, 255, 255, 0.15) 0 0 30px inset; box-shadow: rgba(0, 0, 0, 0.1) 0 0 3px 0, rgba(255, 255, 255, 0.2) 0 1px 0 inset, rgba(255, 255, 255, 0.15) 0 0 30px inset; color: #fff; font-family: "Lato", sans-serif; font-size: 14px; font-weight: 600; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); filter: dropshadow(color=rgba(0, 0, 0, 0.25), offx=0, offy=-1); background-color: #4f75a9; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B82B7', endColorstr='#FF44699B'); background-image: -moz-linear-gradient(top, #5b82b7 0%, #44699b 100%); background-image: -webkit-linear-gradient(top, #5b82b7 0%, #44699b 100%); background-image: linear-gradient(to bottom, #5b82b7 0%, #44699b 100%); border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; cursor: pointer; -moz-transition-property: all; -o-transition-property: all; -webkit-transition-property: all; transition-property: all; -moz-transition-duration: 0.4s; -o-transition-duration: 0.4s; -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .btn:hover { color: #fff; background-color: #486ea1; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF517AB2', endColorstr='#FF406291'); background-image: -moz-linear-gradient(top, #517ab2 0%, #406291 100%); background-image: -webkit-linear-gradient(top, #517ab2 0%, #406291 100%); background-image: linear-gradient(to bottom, #517ab2 0%, #406291 100%); } .btn.disabled { color: rgba(255, 255, 255, 0.6); background-color: #537bb2; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B82B7', endColorstr='#FF4C75AD'); background-image: -moz-linear-gradient(top, #5b82b7 0%, #4c75ad 100%); background-image: -webkit-linear-gradient(top, #5b82b7 0%, #4c75ad 100%); background-image: linear-gradient(to bottom, #5b82b7 0%, #4c75ad 100%); cursor: default; } .btn.disabled:hover { background-color: #537bb2; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF5B82B7', endColorstr='#FF4C75AD'); background-image: -moz-linear-gradient(top, #5b82b7 0%, #4c75ad 100%); background-image: -webkit-linear-gradient(top, #5b82b7 0%, #4c75ad 100%); background-image: linear-gradient(to bottom, #5b82b7 0%, #4c75ad 100%); } .btn.call-to-action { background-color: #a69542; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAF9D46', endColorstr='#FF9D8D3F'); background-image: -moz-linear-gradient(top, #af9d46 0%, #9d8d3f 100%); background-image: -webkit-linear-gradient(top, #af9d46 0%, #9d8d3f 100%); background-image: linear-gradient(to bottom, #af9d46 0%, #9d8d3f 100%); } .btn.call-to-action:hover { background-color: #9b8b3e; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFA49442', endColorstr='#FF92833B'); background-image: -moz-linear-gradient(top, #a49442 0%, #92833b 100%); background-image: -webkit-linear-gradient(top, #a49442 0%, #92833b 100%); background-image: linear-gradient(to bottom, #a49442 0%, #92833b 100%); } .btn.call-to-action.disabled { background-color: #a69542; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAF9D46', endColorstr='#FF9D8D3F'); background-image: -moz-linear-gradient(top, #af9d46 0%, #9d8d3f 100%); background-image: -webkit-linear-gradient(top, #af9d46 0%, #9d8d3f 100%); background-image: linear-gradient(to bottom, #af9d46 0%, #9d8d3f 100%); } .btn.call-to-action.disabled:hover { background-color: #a69542; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAF9D46', endColorstr='#FF9D8D3F'); background-image: -moz-linear-gradient(top, #af9d46 0%, #9d8d3f 100%); background-image: -webkit-linear-gradient(top, #af9d46 0%, #9d8d3f 100%); background-image: linear-gradient(to bottom, #af9d46 0%, #9d8d3f 100%); } .btn.warning { background-color: #b60808; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC50909', endColorstr='#FFA80808'); background-image: -moz-linear-gradient(top, #c50909 0%, #a80808 100%); background-image: -webkit-linear-gradient(top, #c50909 0%, #a80808 100%); background-image: linear-gradient(to bottom, #c50909 0%, #a80808 100%); } .btn.warning:hover { background-color: #9e0707; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAD0808', endColorstr='#FF900707'); background-image: -moz-linear-gradient(top, #ad0808 0%, #900707 100%); background-image: -webkit-linear-gradient(top, #ad0808 0%, #900707 100%); background-image: linear-gradient(to bottom, #ad0808 0%, #900707 100%); } .btn.warning.disabled { background-color: #b90808; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC50909', endColorstr='#FFAD0808'); background-image: -moz-linear-gradient(top, #c50909 0%, #ad0808 100%); background-image: -webkit-linear-gradient(top, #c50909 0%, #ad0808 100%); background-image: linear-gradient(to bottom, #c50909 0%, #ad0808 100%); } .btn.warning.disabled:hover { background-color: #b90808; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFC50909', endColorstr='#FFAD0808'); background-image: -moz-linear-gradient(top, #c50909 0%, #ad0808 100%); background-image: -webkit-linear-gradient(top, #c50909 0%, #ad0808 100%); background-image: linear-gradient(to bottom, #c50909 0%, #ad0808 100%); } .btn.secondary { background-color: #aeaeae; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB7B7B7', endColorstr='#FFA5A5A5'); background-image: -moz-linear-gradient(top, #b7b7b7 0%, #a5a5a5 100%); background-image: -webkit-linear-gradient(top, #b7b7b7 0%, #a5a5a5 100%); background-image: linear-gradient(to bottom, #b7b7b7 0%, #a5a5a5 100%); } .btn.secondary:hover { background-color: #a6a6a6; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFAFAFAF', endColorstr='#FF9D9D9D'); background-image: -moz-linear-gradient(top, #afafaf 0%, #9d9d9d 100%); background-image: -webkit-linear-gradient(top, #afafaf 0%, #9d9d9d 100%); background-image: linear-gradient(to bottom, #afafaf 0%, #9d9d9d 100%); } .btn.secondary.disabled { background-color: #b0b0b0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB7B7B7', endColorstr='#FFAAAAAA'); background-image: -moz-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%); background-image: -webkit-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%); background-image: linear-gradient(to bottom, #b7b7b7 0%, #aaaaaa 100%); } .btn.secondary.disabled:hover { background-color: #b0b0b0; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFB7B7B7', endColorstr='#FFAAAAAA'); background-image: -moz-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%); background-image: -webkit-linear-gradient(top, #b7b7b7 0%, #aaaaaa 100%); background-image: linear-gradient(to bottom, #b7b7b7 0%, #aaaaaa 100%); } .btn i { margin-right: 5px; } .btn.btn-sm { line-height: 14px; font-size: 11px; padding: 4px 8px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .btn.btn-sm i { margin-right: 3px; } .btn.btn-bg { font-size: 18px; padding: 8px 12px; } .btn.btn-bg i { margin-right: 6px; } .btn.btn-lg { font-size: 22px; line-height: 20px; padding: 10px 14px; } .btn.btn-lg i { margin-right: 7px; } .btn.only-icon i { margin: 0; } .btn.full-width { display: block; text-align: center; } .btn.txt-left { text-align: left; } button { border: 0px; background-color: transparent; display: inline-block; font-size: 14px; text-shadow: 0 1px rgba(255, 255, 255, 0.75); padding: 0px 10px 0px 3px; cursor: pointer; } button.btn-lg { font-size: 18px; } button.btn-lg i { margin-right: 7px; } /******************************************************************** FORMS ********************************************************************/ .container form.inline { margin: 0; padding: 0; } /* Generic form style and classes */ form .disabled { cursor: not-allowed; background-color: #eee; -moz-box-shadow: none !important; box-shadow: none !important; } form .disabled:hover { border: 1px solid #d9d9d9 !important; -moz-box-shadow: none !important; box-shadow: none !important; } form.inline label { display: inline-block; width: 170px; } form.vertical label { display: block; margin-bottom: 8px; } form.vertical label:Last-child { margin-bottom: 0; } form label.radio-label, form label.checkbox-label { margin-bottom: 1px; } /* Wrapper for single form element and label. Definition of error states */ .form-element { margin-bottom: 10px; } .form-element.alert label { color: #5b7a5b; } .form-element.alert input[type="text"], .form-element.alert input[type="password"], .form-element.alert textarea, .form-element.alert select { border: 1px solid #5b7a5b; background-color: #f3f6f3; } .form-element.alert input[type="text"]:focus, .form-element.alert input[type="password"]:focus, .form-element.alert textarea:focus, .form-element.alert select:focus { -moz-box-shadow: rgba(91, 122, 91, 0.3) 0 0 6px; -webkit-box-shadow: rgba(91, 122, 91, 0.3) 0 0 6px; box-shadow: rgba(91, 122, 91, 0.3) 0 0 6px; } .form-element.warning label, .form-element .warning:hover label, .form-element .warning:focus label { color: #f19c22; } .form-element.warning input[type="text"], .form-element.warning input[type="password"], .form-element.warning textarea, .form-element.warning select, .form-element .warning:hover input[type="text"], .form-element .warning:hover input[type="password"], .form-element .warning:hover textarea, .form-element .warning:hover select, .form-element .warning:focus input[type="text"], .form-element .warning:focus input[type="password"], .form-element .warning:focus textarea, .form-element .warning:focus select { border: 1px solid #f19c22; background-color: #fef8f0; } .form-element.warning input[type="text"]:focus, .form-element.warning input[type="password"]:focus, .form-element.warning textarea:focus, .form-element.warning select:focus, .form-element .warning:hover input[type="text"]:focus, .form-element .warning:hover input[type="password"]:focus, .form-element .warning:hover textarea:focus, .form-element .warning:hover select:focus, .form-element .warning:focus input[type="text"]:focus, .form-element .warning:focus input[type="password"]:focus, .form-element .warning:focus textarea:focus, .form-element .warning:focus select:focus { -moz-box-shadow: rgba(241, 156, 34, 0.3) 0 0 6px; -webkit-box-shadow: rgba(241, 156, 34, 0.3) 0 0 6px; box-shadow: rgba(241, 156, 34, 0.3) 0 0 6px; } .form-element.error label, .form-element .error:hover label, .form-element .error:focus label { color: #e10505; } .form-element.error input[type="text"], .form-element.error input[type="password"], .form-element.error textarea, .form-element.error select, .form-element .error:hover input[type="text"], .form-element .error:hover input[type="password"], .form-element .error:hover textarea, .form-element .error:hover select, .form-element .error:focus input[type="text"], .form-element .error:focus input[type="password"], .form-element .error:focus textarea, .form-element .error:focus select { border: 1px solid #e10505; background-color: snow; } .form-element.error input[type="text"]:focus, .form-element.error input[type="password"]:focus, .form-element.error textarea:focus, .form-element.error select:focus, .form-element .error:hover input[type="text"]:focus, .form-element .error:hover input[type="password"]:focus, .form-element .error:hover textarea:focus, .form-element .error:hover select:focus, .form-element .error:focus input[type="text"]:focus, .form-element .error:focus input[type="password"]:focus, .form-element .error:focus textarea:focus, .form-element .error:focus select:focus { -moz-box-shadow: rgba(225, 5, 5, 0.3) 0 0 6px; -webkit-box-shadow: rgba(225, 5, 5, 0.3) 0 0 6px; box-shadow: rgba(225, 5, 5, 0.3) 0 0 6px; } /* Input */ input[type="text"], input[type="password"] { font-size: 13px; line-height: 1.3; height: 18px; border: 1px solid #d9d9d9; padding: 6px 6px; outline: none; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: black; max-width: 100%; display: inline-block; margin: 0px; -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset; box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset; vertical-align: top; -moz-transition-property: border-color, -webkit-box-shadow; -o-transition-property: border-color, -webkit-box-shadow; -webkit-transition-property: border-color, -webkit-box-shadow; transition-property: border-color, -webkit-box-shadow; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } input[type="text"]:hover, input[type="password"]:hover { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; } input[type="text"]:focus, input[type="password"]:focus { border-color: rgba(82, 168, 236, 0.8); -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; } input[type="text"].input-sm, input[type="password"].input-sm { height: 16px; padding: 4px 4px; font-size: 11px; line-height: 1.5; } input[type="text"].input-lg, input[type="password"].input-lg { height: 24px; padding: 10px 10px; font-size: 18px; line-height: 1.8; } input[type="text"].input-sm-width, input[type="password"].input-sm-width { width: 120px; } input[type="text"].full-width, input[type="password"].full-width { width: 100%; box-sizing: border-box; padding: 16px 6px; } /* Textarea */ textarea { font-size: 13px; border: 1px solid #d9d9d9; padding: 6px 4px; outline: none; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color: black; display: inline-block; margin: 0px; vertical-align: middle; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset; box-shadow: rgba(0, 0, 0, 0.075) 0 1px 2px inset; -moz-transition-property: border-color, -webkit-box-shadow; -o-transition-property: border-color, -webkit-box-shadow; -webkit-transition-property: border-color, -webkit-box-shadow; transition-property: border-color, -webkit-box-shadow; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } textarea:hover { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; } textarea:focus { border-color: rgba(82, 168, 236, 0.8); -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; } textarea.full-width { width: 100%; box-sizing: border-box; } /* Select */ select[multiple], select[size] { height: auto; } select { display: inline-block; height: 34px; padding: 6px 6px; font-size: 13px; line-height: 1.3; color: #555; vertical-align: middle; background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-transition-property: border-color, -webkit-box-shadow; -o-transition-property: border-color, -webkit-box-shadow; -webkit-transition-property: border-color, -webkit-box-shadow; transition-property: border-color, -webkit-box-shadow; -moz-transition-duration: 0.3s; -o-transition-duration: 0.3s; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; outline: 0; } select:hover { border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; -moz-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; -webkit-box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; box-shadow: rgba(82, 168, 236, 0.2) 0 0 4px; } select:focus { outline: 0; outline: thin dotted \9; border-color: rgba(82, 168, 236, 0.8); -moz-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; -webkit-box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; box-shadow: rgba(82, 168, 236, 0.6) 0 0 6px; } select[multiple] { height: auto; } select[multiple].select-sm { height: auto; } select[multiple].select-lg { height: auto; } select.select-sm { height: 30px; padding: 6px 6px; font-size: 11px; line-height: 1.1; line-height: 1.5; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } select.select-lg { height: 44px; padding: 8px 8px; font-size: 18px; line-height: 1.8; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; } select.full-width { width: 100%; box-sizing: border-box; } /* Checkbox */ input[type="checkbox"] { display: inline-block; } input[type="checkbox"] label { display: inline; } /* Disclaimer */ form .disclaimer { padding-left: 20px; } form .disclaimer label { width: auto; } form .disclaimer input[type="checkbox"] { float: left; margin-left: -20px; } form .disclaimer span { font-size: 12px; } /* Fieldset and Legend */ fieldset { border: 1px solid #d9d9d9; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; margin: 0 0 10px 0; } legend { font-style: italic; color: silver; text-shadow: 0px 1px 0px white; filter: dropshadow(color=white, offx=0, offy=1); } /* Placeholder Text */ input[type="text"].placeholder { color: #bbbbbb; } ::-webkit-input-placeholder { /* WebKit browsers */ color: #bbbbbb; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #bbbbbb; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #bbbbbb; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #bbbbbb; } /******************************************************************** TABLE ********************************************************************/ table { border: 1px solid #d9d9d9; border-collapse: collapse; background-color: white; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } table img { border: 0px !important; } table td { border-bottom: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; padding: 5px 10px 5px 10px; } table tr:nth-child(even) { background-color: #fdfdfd; } table tr.tr_title { background-color: #6a876a; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF789378', endColorstr='#FF5C7B5C'); background-image: -moz-linear-gradient(top, #789378 0%, #5c7b5c 100%); background-image: -webkit-linear-gradient(top, #789378 0%, #5c7b5c 100%); background-image: linear-gradient(to bottom, #789378 0%, #5c7b5c 100%); color: #fff; font-weight: bold; font-size: 16px; } table tr.tr_title td { padding: 8px; } /******************************************************************** CAPTION / NIVO SLIDER ********************************************************************/ /* .theme-default .nivo-caption { font-weight: normal; position: absolute; background-color: #fff; color: #000000; left: 0px; top: 0px; bottom: 0px; width: 350px !important; z-index: 8; padding: 10px 20px 10px 20px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); } */ .theme-default .nivoSlider { position:relative; background:#fff url(loading.gif) no-repeat 50% 50%; margin-bottom:5px; -webkit-box-shadow: 0px 0px 0px 0px transparent!important; -moz-box-shadow: 0px 0px 0px 0px transparent!important; box-shadow: 0px 0px 0px 0px transparent!important; border: 0px solid #d9d9d9; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /* .theme-default .nivo-caption a h1, .theme-default .nivo-caption a h2 { border-bottom: 0px; } .theme-default .nivo-caption a h2 { padding-bottom: 5px; margin-bottom: 10px; border-bottom: 2px solid #ccc; } .theme-default .nivo-caption a:hover h1, .theme-default .nivo-caption a:hover h2 { color: #666; } .theme-default .nivo-caption h1 { font-size: 30px; line-height: 30px; text-transform: none; margin: 10px 0px 0px 0px; padding: 0px; font-weight: 500; color: #000; padding: 0px; } .theme-default .nivo-caption h2 { font-size: 22px; line-height: 22px; padding: 5px 0px 0px 0px; text-transform: none; font-weight: 400; color: #000; margin: 0px 0px 5px 0px; } */ /******************************************************************** RESPONSIVE ********************************************************************/ /* #Tablet (Portrait) ================================================== */ /* Note: Design for a width of 768px */ @media only screen and (min-width: 768px) and (max-width: 959px) { .container .one-third.column.widget { width: 202px; } } /* #Mobile (Landscape) ================================================== */ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .header h1 { font-size: 40px; line-height: 40px; margin: 10px 0px 0px 10px !important; } .header h2 { font-size: 22px; line-height: 22px; margin: 0px 0px 5px 10px; } .header h3 { font-size: 16px; line-height: 14px; margin: 0px 0px 0px 10px; } .header .logo { display: none; } .footer { margin: 0; } .box_column { margin: 0px; } .nivo-caption { padding: 0px !important; } .caption-title { border-right-width: 0px; } .caption-title h1 { font-size: 32px !important; line-height: normal; margin-top: 10px; margin-left: 10px; padding-top: 0px; font-family: 'Cambo', serif; font-weight: 400; } .caption-title h2 { display: none; } .caption-description { display: none; } .container .one-third.column.widget { width: inherit; margin-top: 10px; } .partner { display: none; } .partner img { display: none; } } /* #Mobile (Portrait) ================================================== */ /* Note: Design for a width of 320px */ @media only screen and (max-width: 767px) { .header { height: auto; } .header img { height: auto; width: 280px; } .header ul.menu_header { margin-top: 10px; } .header h1 { font-size: 30px; line-height: 30px; margin: 10px 0px 6px 10px !important; } .header h2 { font-size: 16px; line-height: 16px; margin: 0px 0px 5px 10px; } .header h3 { font-size: 16px; line-height: 14px; margin: 0px 0px 0px 0px; } .header .logo { display: none; } .mini_header { margin: 10px 0px 10px 0px !important; } .one-third img { margin: 15px 0px 10px 0px; } .caption-title { border-right-width: 0px; } .caption-title h1 { font-size: 24px; line-height: normal; margin-top: 10px; margin-left: 10px; padding-top: 0px; font-family: 'Cambo', serif; font-weight: 400; } .caption-title h2 { display: none; } .nivo-caption { padding: 0px !important; } .caption-description { display: none; } .footer { margin: 0; } .footer ul { margin: 20px; padding: 0px; } .box_column { margin: 0px; } .nivo-caption { width: 100% !important; padding: 0px !important; margin: 0px; top: 60%; bottom: 0; } .caption-title h1 { font-size: 24px; line-height: 200%; margin: 0px 0px 0px 10px; } .caption-title h2 { display: none; } .container .one-third.column.widget { width: inherit; margin-top: 10px; } input[type="text"] { display: inline; width: 120px; } .slider-wrapper { display: none; } .partner { display: none; } .partner img { display: none; } .frame-gallery { margin-left: auto; margin-right: auto; } .gallery p { margin-left: 10px; margin-right: 10px; text-align: center; } .margin-top h1 { padding-left: 10px; } } /* #Desktop ================================================== */ /* Note: Design for a width of 980px */ @media screen and (min-width: 767px) and (max-width: 960px) { .header { /*height: 116px;*/ } .header h1 { font-size: 40px; line-height: 36px; margin-top: 15px; } .header h2 { font-size: 24px; line-height: 24px; } .header ul.menu_header { margin-top: 40px; margin-top: 24px; } .header ul.menu_header li { font-size: 13px; } .header .logo img { /*margin-top: 6px; max-width: 90%; height: auto;*/ } h3.t_line { font-size: 22px; } h3.t_line i { margin-top: 3px; } .one-third img, .four img { width: 100%; } .gallery img { width: auto; } .nivo-caption { width: 350px !important; padding: 10px !important; margin: 0px; } .caption-title h1 { font-size: 30px; line-height: 18px; text-transform: none; margin: 5px 0px 5px 0px; padding: 0px; font-weight: 600; color: black; padding: 0px 0px 7px 0px; } .caption-title h2 { font-size: 20px; line-height: 20px; padding-bottom: 5px; text-transform: none; font-weight: 400; color: black; margin: 0px 0px 0px 0px; } .sm-grey a { padding:11px 15px 11px 15px !important; font-size: 13px !important; } .sm-grey a span.sub-arrow { right:4px !important; } .header .logo { margin-right: 20px; padding: 0px; padding-top: 10px; } } /* #Pixel density ================================================== */ /* Note: Images for Retina and High Density screens */