/*
Theme Name:Hoddington Arms
Description:Hoddington Arms Child Theme
Author:Silky Ocean Studios
Author URI:http://www.silkyoceanstudios.com
Template:twentytwentyone
Version:1.3.5
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.html
*/

body { background:#FFFDF8!important; /*color:#7f8080;*/ color:#4c4949;/*Darker font*/ font-family:'DM Sans', Arial, sans-serif; line-height:1.5; position:relative; overflow-x:hidden; }
input,
button,
textarea { font-family:'DM Sans', Arial, sans-serif; font-size:1rem; }
select { font-family:'DM Sans', Arial, sans-serif; font-size:0.938rem; }

a { color:inherit; text-decoration: none; }
a.hover-link { position: relative; color: inherit; text-decoration: none; }
a.hover-link:after { content:''; position:absolute; left:0; bottom:0; width: 100%; height: 2px; background-color: currentColor; transform: scaleX(0); transform-origin: left; transition: transform 0.25s ease; }
a.hover-link:hover:after { transform: scaleX(1); }


.list li { margin-bottom:1rem }

.dropdown-item, .dropdown-item { color:#fff !important; }
.dropdown-item:focus, .dropdown-item:hover { color:#FFFDF8 !important; }

ol, ul {text-align: left;}

hr { background-color:#FFFDF8; width:20%; height:0.3rem; margin:1rem auto; border:0; opacity:1; display:flex; }

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { margin-bottom:1.5rem; font-family:'Bentham', serif; font-weight:400; text-transform:uppercase; letter-spacing:2px; }
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, h1 a, h2 a, h3 a, h4 a, h5 a { color:inherit !important; }
.h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration:none !important; }
.body-content p + h2, .body-content p + h3, .body-content p + h4, .body-content p + h5 { margin-top:1rem; }
.h1, h1 { font-size:2rem; }
.h2, h2 { font-size:1.438rem; }
.h3, h3 { font-size:1.313em; }
.h4, h4 { font-size:1.250rem; }
.h5, h5 { font-size:1.188rem; }
.h6, h6 { font-size:1.125rem; }

p.lead { font-size:1rem; }

@media (min-width:576px) {
	.h1, h1 { font-size:2rem; }
	.h2, h2 { font-size:1.563rem; }
	.h3, h3 { font-size:1.438rem; }
	.h4, h4 { font-size:1.250rem; }
	.h5, h5 { font-size:1.188rem; }
	.h6, h6 { font-size:1.125rem; }
}

@media (min-width:768px) {
	.h1, h1 { font-size:2.500rem; }
	.h2, h2 { font-size:1.688rem; }
	.h3, h3 { font-size:1.500rem; }
	.h4, h4 { font-size:1.250rem; }
	.h5, h5 { font-size:1.188rem; }
	.h6, h6 { font-size:1.125rem; }
}

@media (min-width:992px) {
	.h1, h1 { font-size:3.000rem; }
	.h2, h2 { font-size:1.875rem; }
	.h3, h3 { font-size:1.500rem; }
	.h4, h4 { font-size:1.313rem; }
	.h5, h5 { font-size:1.188rem; }
	.h6, h6 { font-size:1.125rem; }
}

@media (min-width:1200px) {
	.h1, h1 { font-size:3.5rem; }
	.h2, h2 { font-size:2.000rem; }
	.h3, h3 { font-size:1.500rem; }
	.h4, h4 { font-size:1.313rem; }
	.h5, h5 { font-size:1.188rem; }
	.h6, h6 { font-size:1.125rem; }
	p.lead { font-size:1.25rem; }
}

p { margin-top:0; margin-bottom:1.5rem; }

.text-blue { color:#032f4f; }

.bg-light .cta { font-family:'Bentham', serif; font-weight:400; line-height:1.5; }
.bg-dark {background:#879C9F;}

.hero
.hero .h1 { position:relative; opacity:0; transform:translateY(-20px); transition:transform 600ms ease-in-out, opacity 600ms ease-in-out; -webkit-transition-delay:.1s; transition-delay:.1s }

h6.subheading { text-transform:uppercase; font-size:0.8rem; letter-spacing:1px; position:relative; }
h6.subheading:after { content:""; position:absolute; width:100px; background:#d9904e; height:0.3rem; display:inline-block; margin:0.2rem 0.4rem; }

/***** CUSTOM STYLES *****/
img { display:inline-block; max-width:100%; height:auto; }


/*Header*/
.header { -webkit-transition:all 300ms ease-in-out 0s; transition:all 300ms ease-in-out 0s; padding:1rem; position: absolute; top: 0;  left: 0;  right: 0;  width: 100%;    z-index: 1040;}
.navbar-brand { width:240px;    display: inline-block; }
.navbar-expand-lg .navbar-nav .nav-link { color:#f6f5f3; font-size:0.813rem; font-weight:600; text-transform:uppercase; letter-spacing:1px; padding:1rem 1rem; }
.navbar .btn { color:rgba(255,255,255,1); }
.navbar .btn:hover { color:rgba(255,255,255,.75); }

header.header .navbar-brand img { filter: brightness(9);}
header.header.header-floating .navbar-brand img { filter: brightness(0.5);}

.nav-link:focus, .nav-link:hover { color: #474747;}
a.nav-link.btn.btn-primary:hover {  color: #fffdf8;}

.nav-link { display: block;  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);  font-size: var(--bs-nav-link-font-size);  font-weight: var(--bs-nav-link-font-weight); color: #242828; text-decoration: none;  background: 0 0;  border: 0;  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;  font-family: 'Lora', serif;}

body { -webkit-transition:background .6s ease; transition:background .6s ease }
body:before { content:""; width:0%; height:100%; background:rgba(0,0,0,.5); position:fixed; top:0; left:0; z-index:1030; opacity:0; -webkit-transition:opacity .4s ease-out,width 0s ease .4s; transition:opacity .4s ease-out,width 0s ease .4s }

body.overlay-open { overflow-y:hidden; }
body.overlay-open:before { width:100%; opacity:1; -webkit-transition:opacity .4s ease-out; transition:opacity .4s ease-out }

.main-menu { position:fixed; width:85%; height:100vh; top:0; left:0; z-index:1030; background:#4a5b6b; padding:0 10px 10px 0; }
.main-menu .main-menu-wrap { width:100%; height:100vh; z-index:1030; display:-webkit-flex; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-align-items:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; padding:1.500rem 0; justify-content: center; }
.main-menu .main-menu-wrap .main-menu-links { -webkit-transition:left .4s ease-out .2s; transition:left .4s ease-out .2s; position:relative; height:100%; min-width:190px; }

.main-menu .main-menu-wrap .menu li a { font-family:'Bentham', serif; text-decoration:none; font-size:1.118rem; line-height:1; color:#fff; display:inline-block; opacity:1; -webkit-transition:opacity .3s ease-out; transition:opacity .3s ease-out; font-size: 1rem;  letter-spacing: 2px; padding:1rem; }
.main-menu .main-menu-wrap .menu li + li { margin-top:1.250rem }

.main-menu .main-menu-wrap .close-menu { font-family:'Lora', serif; color:#fff; font-weight:400; text-transform:uppercase; font-size:.9412rem; position:absolute; top:35px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); z-index:1040 }
.overlay { visibility:hidden; -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); transform:translateX(-100%); -webkit-transition:transform .3s ease-out,visibility 0s .3s,width .4s ease-out,z-index 0s ease .4s; -webkit-transition:visibility 0s .3s,width .4s ease-out,z-index 0s ease .4s,-webkit-transform .3s ease-out; transition:visibility 0s .3s,width .4s ease-out,z-index 0s ease .4s,-webkit-transform .3s ease-out; transition:transform .3s ease-out,visibility 0s .3s,width .4s ease-out,z-index 0s ease .4s; transition:transform .3s ease-out,visibility 0s .3s,width .4s ease-out,z-index 0s ease .4s,-webkit-transform .3s ease-out }
.overlay.open { visibility:visible; -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); -webkit-transition:transform .3s ease-out,width .4s ease-out; -webkit-transition:width .4s ease-out,-webkit-transform .3s ease-out; transition:width .4s ease-out,-webkit-transform .3s ease-out; transition:transform .3s ease-out,width .4s ease-out; transition:transform .3s ease-out,width .4s ease-out,-webkit-transform .3s ease-out;width: 100%;  height: 100%; }
.main-menu .menu li { left:-60px; -webkit-transition:left .4s ease-out .4s; transition:left .4s ease-out .4s; opacity:0; position:relative }

.main-menu.open .menu li { left:0; -webkit-transition:left .4s ease-out .3s,opacity .4s ease-out; transition:left .4s ease-out .3s,opacity .4s ease-out; opacity:1 }
.main-menu.open .menu li:first-child { -webkit-transition-delay:.3s; transition-delay:.3s }
.main-menu.open .menu li:nth-child(2) { -webkit-transition-delay:.34s; transition-delay:.34s }
.main-menu.open .menu li:nth-child(3) { -webkit-transition-delay:.38s; transition-delay:.38s }
.main-menu.open .menu li:nth-child(4) { -webkit-transition-delay:.42s; transition-delay:.42s }
.main-menu.open .menu li:nth-child(5) { -webkit-transition-delay:.46s; transition-delay:.46s }
.main-menu.open .menu li:nth-child(6) { -webkit-transition-delay:.50s; transition-delay:.50s }
.main-menu.open .menu li:nth-child(7) { -webkit-transition-delay:.54s; transition-delay:.54s }
.main-menu.open .menu li:nth-child(8) { -webkit-transition-delay:.58s; transition-delay:.58s }
.main-menu.open .menu li:nth-child(9) { -webkit-transition-delay:.62s; transition-delay:.62s }
.main-menu.open .menu li:nth-child(10) { -webkit-transition-delay:.66s; transition-delay:.66s }
.main-menu.open .menu li:nth-child(11) { -webkit-transition-delay:.70s; transition-delay:.70s }
.main-menu.open .menu li:nth-child(12) { -webkit-transition-delay:.74s; transition-delay:.74s }
.main-menu.open .menu li:nth-child(13) { -webkit-transition-delay:.78s; transition-delay:.78s }
.main-menu.open .menu li:nth-child(14) { -webkit-transition-delay:.82s; transition-delay:.82s }
.main-menu.open .menu li:nth-child(15) { -webkit-transition-delay:.86s; transition-delay:.86s }
.main-menu.open .menu li:nth-child(16) { -webkit-transition-delay:.90s; transition-delay:.90s }

.burger-wrap { position: relative; z-index: 1060; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 3rem 0.5rem;  }

.burger-wrap .burger { width:60px; height:14px; position:relative; -webkit-transition:4s ease-in-out; transform: rotate(0deg); -webkit-transition:.4s ease-in-out; -o-transition:.4s ease-in-out; transition:.4s ease-in-out; cursor:pointer;  }

.burger-wrap .burger span { display:block; position:absolute; height:2px; width:100%; background:rgb(255 253 248); opacity:1; left:0; -webkit-transition:opacity .3s ease-in-out; -o-transition:opacity .3s ease-in-out; transition:opacity .3s ease-in-out;border-radius: 9px; }

header.header.header-floating .burger-wrap .burger span { background:#4a5b6b; }

header.header.header-floating .burger-wrap .burger.open span:nth-child(2), header.header.header-floating .burger-wrap .burger.open span:nth-child(3) { background:rgb(255 253 248); }

.burger-wrap .burger span:nth-child(1) { top:0; }
.burger-wrap .burger span:nth-child(2) { top:6px }
.burger-wrap .burger span:nth-child(3) { top:12px; }

.burger-wrap.active .burger span:nth-child(1) { opacity:0; }
.burger-wrap.active .burger span:nth-child(3) { opacity:0; }

.burger-wrap .burger.open span { background:#fff }
.burger-wrap .burger.open span:nth-child(1) { top:0; width:0%; left:50% }
.burger-wrap .burger.open span:nth-child(2) { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg) }
.burger-wrap .burger.open span:nth-child(3) { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); top:8px;}
.burger-wrap .burger.open span:nth-child(4) { top:16px; width:0%; left:50% }

@media(min-width:992px) {
	.main-menu { width:100%; padding:10px; }
	.main-menu .main-menu-wrap .menu li a {font-size: 1rem; letter-spacing: 2px;}
}

.menu-main-item a { font-family:'Lora', serif; color:#fff; font-size:0.875rem; letter-spacing:0.125rem; text-transform:uppercase; padding:1rem 0; }
.menu-main-item a:before { background:#fff; bottom:0; content:""; display:block; height:2px; left:50%; position:absolute; transition:width 0.3s ease 0s, left 0.3s ease 0s; width:0; transform:none; }
a:hover:before { width:100%; left:0; }
.menu-main-item a.active:before { background:#fff; bottom:0; content:""; display:block; height:2px; left:0; position:absolute; width:100%; }


.header.header-floating { background:#fffdf8; position:fixed; box-shadow: 0px 4px 4px 0px #0000001f;}
.header.header-floating .navbar-brand { max-width: 240px;  display: inline-block; }
.header.header-floating .navbar-dark .navbar-nav .nav-link { color:#223635; }
.header.header-floating:hover .navbar-nav .nav-item:hover .nav-link { color:#223635; }
.header.header-floating:hover .navbar-nav .nav-link:hover { color:#223635; }

.colour-border { background-color: transparent;  width: 100%; height: 100%; border: 2px solid #FFFDF8; padding: 10px; margin: 0 20px 0 20px;}

/* Secondary Menu */

.second-menu {  position: relative; z-index: 999; display: flex; align-items: center; justify-content: center;}

.second-menu-box { background: #FFFDF8; box-shadow: 0px 4px 4px 0px #0000001f;  padding: 1.5rem;  width: inherit;  position: absolute;  top: -130px;  z-index: 9999;  left: 4%;  text-align: center;  margin: 0 auto;  display: inline-flex;  flex-flow: row;  justify-content: space-evenly;  align-items: center;}
@media screen and (min-width:992px){
	.second-menu-box {background: #FFFDF8; box-shadow: 0px 4px 4px 0px #0000001f; padding: 2rem; width: inherit; position: absolute; top: -36px; z-index: 9999; left: 14%; text-align: center; margin: 0 auto; display: flex; flex-flow: row; justify-content: space-evenly; align-items: center;}
}

.second-menu-box a.nav-link {  padding: 0.5rem 2rem;}

.second-menu-box .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; text-align: center; justify-content: center;}

.footer .navbar-brand { width:250px; display:inline-flex; }

@media (min-width:992px) {
	.navbar-brand { width:300px; }
	.navbar-expand-lg .navbar-nav .nav-link { padding-right:.75rem; padding-left:.75rem; }
}

.navbar-btn { margin:0; }
.navbar-nav > li > a, .navbar-nav .fa { color:#ffffff; }
.navbar-nav > li > a:hover { color:#d9904e !important; background:transparent; }

.navbar-dark .navbar-toggler { color:rgba(255,255,255,.5); border-color:transparent; }

.dropdown-toggle::after { box-sizing:border-box; height:6px; width:6px; border-style:solid; border-color:#fff; border-width:0px 1px 1px 0px; transform:rotate(45deg); transition:border-width 150ms ease-in-out; }
.dropdown:hover > .dropdown-menu { display:block; }

.form-control { border-radius:0; }


/*Footer*/
footer, footer a { color:#f6f5f3; font-size:0.938em; }
footer a:hover { color:#cccccc; }
.footer h4 { margin-bottom:1rem; }
.lower-footer { background:#879C9F; color:#fff; }

/* Blog */
a.more-link { display:none; }
nav.navigation.post-navigation { display:none; }

/*BUTTONS*/
.btn { font-size:0.875rem; font-weight:100; letter-spacing:0.063rem; padding:0.75rem 3rem; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; text-transform:uppercase; font-family: 'Lora', serif;}
.btn-lg { padding:1.500rem; }
.btn-primary { background:#4a5b6b !important; border:1px solid #4a5b6b !important; border-radius:0; color:#FFFDF8; }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus { background:#75866c !important; border-color:#75866c !important; }
.btn-default { background:transparent; border:1px solid #fff; color:#ffffff; }
.btn-default:hover, .btn-default:active, .btn-default:focus { background:#ffffff; border-color:#ffffff; color:#202020; }
.btn-secondary { background:#75866c; border-color:#75866c; }
.btn-secondary:hover { background:#4a5b6b; border-color:#4a5b6b; }
.btn-outline-light { background:transparent !important; border:1px solid #FFFDF8 !important; border-radius:0; color:#FFFDF8; }
.btn-outline-light:hover, .btn-outline-light:active, .btn-outline-light:focus { background:#75866c !important; border-color:#75866c !important; color:#FFFDF8; }

.bg-darkblue { background:#4a5b6b; color:#fff; }
.bg-darkblue *, .bg-green * { color:#fff; }
.bg-lightblue { background:#4a5b6b; }
.bg-white { background:#ffffff; }
.bg-light { background:#FFFDF8!important; }
.bg-green {background:#75866c;}

.brand-white { background-color:#ffffff; border:1px solid #e3e3e2; padding:20px 10px; }
.brand-blue { background-color:#1C3660; color:#ffffff; padding:20px 10px; }
.brand-grey { background-color:#292e31; color:#ffffff; padding:20px 10px; }
.brand-yellow { background-color:#e3c68e; color:#ffffff; padding:20px 10px; }

.menu-btn { padding: 0.75rem 1rem; font-size: 0.72rem;}

/*HERO BG*/
.hero { width:100%; position:relative; overflow:hidden; display:flex; flex-wrap:wrap; flex-direction:row; align-content:center; justify-content:center; }
.hero, .hero .hero-bg .hero-bg-image { min-height:85vh; }
.hero.hero-sm { min-height: 30vh;}
.hero.hero-md { min-height: 55vh;}
.hero .hero-content { position: relative; z-index:4; color:#fff; max-width:100%; padding:0 1.5rem; }
.hero .hero-content > :last-child { margin-bottom: 0; }
.hero.hero-home .hero-content {margin-top: 3rem;}
.hero .hero-bg .hero-bg-image { z-index:2; position:absolute; width:100%; height:100%; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.hero .hero-bg .hero-bg-image img { object-fit:cover; width:100%; height:100%; }

.hero:after { content:""; display:block; background:rgba(0,0,0,0.25); width:100%; height:100%; position:absolute; top:0; left:0; z-index:3; }

@media (min-width:991px) {
	.hero,
	.hero .hero-bg .hero-bg-image { min-height:780px; }
	.hero.hero-secondary,
	.hero.hero-secondary .hero-bg .hero-bg-image { min-height:400px; }
	.hero .hero-content { max-width:60%; padding:0 1.5rem; }
	.hero.hero-home .hero-content { margin-top: 0rem; }
	.hero.hero-sm { min-height:65vh; }
	.hero.hero-md { min-height:65vh; }
}

@media (max-width:767px) {
	footer .social li { border:none !important; display:inline-block; margin-right:0; }
	footer .social i { line-height:40px; }
}


.svg-icon { width:1.250rem; height:1.250rem; }
.svg-icon.icon-lg { width:1.750rem; height:1.750rem; }
.svg-icon path, .svg-icon polygon, .svg-icon rect { fill:#444; }
.svg-icon circle { stroke:#444; stroke-width:1; }

.footer .svg-icon path, .footer .svg-icon polygon, .footer .svg-icon rect { fill:#fff; }
.footer .svg-icon circle { stroke:#fff; }
.text-muted { --bs-text-opacity:1; color:#b3c3c5 !important; }

/* Video */
video#myvideo { object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; height:100%;}
@media screen and (min-width:992px){
	video#myvideo { object-fit:cover; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%;  height:100%;}
}

/* Image Buttons */
.button-box { position:relative; background-color:transparent; height:600px; }
.button-box a { display:block; height:100%; width:100%; position:relative; z-index:2; }
.button-box h2 { width:100%; text-align:center; position:absolute; z-index:5; top:50%; left:50%; transform:translatex(-50%) translatey(-50%); color:#fff; }
.button-box h2:after { content:''; position:absolute; z-index:5; left:50%; bottom:-0.5rem; width:100px; height:2px; background-color: currentColor; transform: scaleX(0) translatex(-50%); transform-origin: left; transition: transform 0.3s ease; }
.button-box img { position:absolute; object-fit:cover; object-position:center; height:100%; width:100%; z-index:3; }
.button-box a:before { content:""; display:block; position:absolute; z-index:4; top:0; left:0; right:0; bottom:0; background-color:rgba(0,0,0,0.3); opacity:1; transition:opacity 0.3s ease-in-out; }
.button-box a:after { content:""; display:block; position:absolute; z-index:4; top:0; left:0; right:0; bottom:0; background-color:rgba(117,134,108,0.9); opacity:0; transition:opacity 0.3s ease-in-out; }

.button-box a:hover:before { opacity:0; }
.button-box a:hover:after { opacity:1; }
.button-box a:hover h2:after { transform: scaleX(1) translatex(-50%); }

/* Fade in scroll */
.reveal { position:relative; transform:translateY(50px); opacity:0; transition:transform 1s ease-in-out, opacity 1s ease-in-out; }
.reveal.active { transform:translateY(0); opacity:1; }

/* Lightbox Gallery */

   .gallery {
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
    }

    .gallery img {
      width: 100%;
      cursor: pointer;
      transition: transform 0.2s;
    }

@media screen and (min-width:992px){
	  .gallery img {
      width: 32.1%;
      cursor: pointer;
      transition: transform 0.2s;
    }

}

@media screen and (min-width:1400px){
	  .gallery img {
      width: 32.5%;
      cursor: pointer;
      transition: transform 0.2s;
    }

}

    .gallery img:hover {
      transform: scale(1.02);
    }

    .lightbox {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,0.85);
      justify-content: center;
      align-items: center;
      z-index: 9999;
    }

    .lightbox img {
      max-width: 100%;
      max-height: 100%;
      border-radius: 0;
    }

    .nav-btn {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      font-size: 2rem;
      color: white;
      background: rgba(0,0,0,0.4);
      border: none;
      padding: 10px 20px;
      cursor: pointer;
      z-index: 10000;
      user-select: none;
    }

    .prev { left: 20px; }
    .next { right: 20px; }

/* Accordion */

.accordion-button:not(.collapsed) { color: inherit; background-color: transparent;  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.accordion-item { background-color: transparent; border: 0;}
.accordion-button {   background-color: transparent;padding: 1rem 0; box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);}
.accordion-body { padding: 1rem 0;}
.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed { border-bottom-right-radius: 0; border-bottom-left-radius: 0;}

/* Pop Up */

.boxzilla {padding:0px;}