/* .frontend .poweredBy {
    text-align: center;
    background: #9767ab;
    padding: 7px
}

.frontend .poweredBy a {
     font-size: 0.75rem;
    color: #fff;
}
*/

.frontend .poweredBy {
    text-align: center;
    padding: 7px
}

.frontend .poweredBy a {
     font-size: 0.75rem;
    color: #757575;
}

body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} 


H1, H2, H3, H4, H5, H6 {
	font-family:  'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight: 400;
	color: #0F0176;
}
H1, header{
	font-size: 2.5rem;
	margin-top: 0;
	font-weight: 400;
	margin-bottom: 0;
}
H2 {
	font-size: 1.75rem;
	margin: 0;
	padding: 0.7rem 0;
	color: #0F0176;
  	line-height: 1.3em;	
}

main H2 {
    padding: 1rem 0 1rem;
    color: #9767AB;
    font-size: 2.5rem;
}


H3 {
	font-size: 1.35rem;
	margin: 0;
	padding: 0.5rem 0;
}


H4 {
	font-size: 1.35rem;
	margin: 0;
	padding: 0.5rem 0;
	color: #0F0176;
}
H5 {
	float: left;
	width: 27.125 !important;
	padding: 2em 3% 0em !important;
	min-height: 3.8em !important;
	font-size: 300 !important;
	text-align: left !important;
	margin: 0 0.104166666666667% !important;
	line-height: 1em !important;
}

}
H6 {
	font-size: 1.1rem;
	margin: 0.5rem 0;
}

P, .page-content li {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 400;
	margin-top: 0.8rem;
	color: #000;
  font-family:  'Source Sans Pro', Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
}

button, .button {
padding: 4px 20px;
color: #fff !important;
font-weight: 400;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #0F0176;
    border: 1px solid #fff;
}


header .grid__container:nth-of-type(1) button {
    color: #fff !important;
    font-weight: 700;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    background-color: #9767AB;
    margin-left: -10px !important;
}

.search-widget .input {
    font-family: Source Sans Pro;
    font-size: calc(var(--search-field-font-size, 16)*1px);
    color: var(--search-field-font-color,#1c1c1c);
    padding: 15px;
    border-radius: 5px;
    border: 0px solid #b3b5b6 !important;
    width: -webkit-fill-available;
    margin: 10px 30px;
    background-color: #F5F5F5;
}




button:hover, .button:hover {
 background-color: rgb(151, 103, 171); 
 color: rgb(255, 255, 255); 
  border: 1px solid #fff;
}

.button:hover,button:hover {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
        border: 1px solid #fff;
}


a:not(.button) {
 font-weight: 300; 
 font-size: 18px; 
 line-height: 16px; 
 color: #9767AB; 
 font-family: Arial; 
	text-decoration: none;
}

a:not(.button):hover {
color:#666;
	text-decoration: underline;
}

main .grid__container:nth-of-type(3) a:not(.button) {
	float: left;
	min-height: 1.8em !important;
	color: #fff !important;
	font-size: 2.5rem !important;
	font-size: 300 !important;
	text-align: left !important;
	line-height: 1em !important;
  	color: #ededed !important;
  	text-decoration: none;
}


a:not(.button):hover {
}

.rotator-title--text {
    margin-bottom: 10px;
    font-weight: 300;
}

/*
        @media (max-width: 576px) {


            h1 {
                font-size: calc(30px - 100%)
            }


            h2 {
                font-size: calc(28px - 100%)
            }


            h3 {
                font-size: calc(26px - 100%)
            }


            h4 {
                font-size: calc(24px - 100%)
            }


            h5 {
                font-size: calc(22px - 100%)
            }


            h6 {
                font-size: calc(20px - 100%)
            }



            button {
                font-size: calc(18px - 100%)
            }


            p {
                font-size: calc(18px - 100%)
            }


            a {
                font-size: calc(18px - 100%)
            }


        }


        @media (max-width: 768px) {


            h1 {
                font-size: calc(30px - 100%)
            }


            h2 {
                font-size: calc(28px - 100%)
            }


            h3 {
                font-size: calc(26px - 100%)
            }


            h4 {
                font-size: calc(24px - 100%)
            }


            h5 {
                font-size: calc(22px - 100%)
            }


            h6 {
                font-size: calc(20px - 100%)
            }


            button {
                font-size: calc(18px - 100%)
            }


            p {
                font-size: calc(18px - 100%)
            }


            a {
                font-size: calc(18px - 100%)
            }


        }

.fc-daygrid-day-number {

}

.fc-daygrid-day {}

.fc-day-today {}

.fc-col-header-cell-cushion {}

.fc-col-header-cell {}

.fc button {}

.fc-toolbar {}

.fc-theme-standard {}

.fc .fc-scrollgrid-section > td {}

.fc-daygrid-dot-event {}

.fc-h-event {}

.fc-daygrid-event-dot {}

*/




/* --header navigation ------------------

header .level-1 > li:last-of-type {
 display:none;
}
*/
/*
header .level-1 li:first-of-type a:not(.level-2 a){
 display:none;
}
*/
header .widget__content__menu{
    background-image: url(https://dioceseofleeds7260.mychurchedit.co.uk/content/pages/uploaded_images/1668073441-vkhJkCSN.png );
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100% 6px;
}

header #full-menu .level-1 a{
		/*padding: 0.4em 0.5em 0.4em 1.5em;*/
		font-size:  1.75rem; !important;
		font-weight: 400 !important;
		letter-spacing: 0px;
		padding: 1.2rem 0rem 1.5rem .8rem;
		margin: 16px  10px  16px  5px;
}

header #full-menu .level-1 a:hover {
 	text-decoration: none; 
}


header #full-menu .level-1 li:hover {
	border-top: #9767AB 6px solid;
	background: transparent;
}








header #full-menu .level-2 a {
padding: 0em 0.6em !important;
     white-space: normal !important;
  width: 90%
    line-height: 1.1rem;
}


header #full-menu .level-2 a {
    padding: 4px 10px 5px !important;
    margin: 0em !important;
    font-weight: 400 !important;
    white-space: normal !important;
    line-height: 1.1rem;
    color: #0F0176 !important;
   font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
    }

header #full-menu .level-2 li {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 21px;
}

header #full-menu .level-2 li:hover {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 21px;
}

header #full-menu .level-2 a:hover {
	color: #9767AB !important;
}

header #full-menu .level-2 li {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 21px;
}















header .widget__content__menu .menu>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul>li>ul{
    box-shadow: 1px solid #333;
    -webkit-box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
    box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
}

header .level-1 {
	margin: 0 !important;
}
header .level-1 li {
border-top: transparent 6px solid;
}
header .level-1 li a{
	
	display: inline-block;
    	max-width: initial !important;

}

header #full-menu >ul.level-1 {
     background-color: transparent;
}



header #full-menu .level-1 a.expand {
 font-size: 0em !important;
 padding: initial;
  padding-right: 0rem;
  margin: 0px
}

header #full-menu .level-1 a.expand {
 font-size: 0.4rem !important;
	padding: 0px !important;
}


header #full-menu .level-2 a.expand {
    padding-top: 0.5em !important;
  width: 10%;
  }

.widget__content__menu .desktop-menu>ul>li {
    position: relative;
   padding: 0rem; 
}

/* --------------Removes gap from dropdown to header  -------------------------------*/

     .widget__content__menu .desktop-menu>ul>li>ul {
        margin-top: -0.5rem;
    }

/* --layout - there are no controls in Design builder to manage max-width of content other than padding- these styles can be used for this -----------*/

header .grid__container > div, 
main .grid__container > div, 
footer .grid__container > div
{
 max-width: 1200px !important;
 margin: 0 auto;
}

main .grid__container:first-of-type > div{
 max-width: 1000px !important;
}
 
/* -------hover state for first image widget in header (logo)----------*/

header:hover .image-widget:first-of-type:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);

}





.rotator-caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 0px;
    line-height: 30px;
   font-weight: 300;
}


.rotator-title--text {
    margin-bottom: 10px;
    font-weight: 300;
}

tbody {
      border: transparent;
}
table{
      border: transparent;
}

/*
 a:link, a:visited  {
padding: 4px 20px;
color: #fff !important;
font-weight: 700;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-decoration: none ;
background-color: #0F0176;
}

a:hover  {
color: #fff !important;
background-color: #9767AB ;
text-decoration: none ;
}
*/


 main .grid__container:nth-of-type(3) .widget:nth-of-type(1):hover { 
   background-color: #753590 !important;
   transition: .5s;
   <a class="link" href="https://www.example.com/">Example</a>;
}

 main .grid__container:nth-of-type(3) .widget:nth-of-type(2):hover { 
   background-color: #753590 !important;
   transition: .5s;
}

 main .grid__container:nth-of-type(3) .widget:nth-of-type(3):hover { 
   background-color: #753590 !important;
   transition: .5s;
}


@media (max-width: 600px) { 
header .grid__container:nth-of-type(1) .widget:nth-of-type(2){ 
  min-height: 40px!important;
}
	 header .grid__container:nth-of-type(1) .image-widget{ 
  min-height: 40px!important;
}
  
    header .mobile\:col-12 {
    padding: 0px !important;
}
  
  
  div.image-widget {
    height: 100%;
    margin-top: 25px;
}
  
 /* 	.search-widget{
		    max-width: 250px;
             float: right;
  
}*/
  
}
	 


/* centre align hamburger on mobile and control colour */
@media (max-width: 580px){
.widget__content__menu {
    text-align: center;
}

header .grid__container:first-of-type .image-widget{
 background-position: center !important;
}

#burger-menu svg {
    fill: #9767AB;
}
}


@media (max-width: 750px) { 
.rotator-title--text {
    margin-bottom: 1px;
    font-weight: 300;
    font-size: 16px !important;
    line-height: 17px;
	font-weight: 500;
}

.rotator-caption--text {
	 font-size: 14px !important;
	line-height: 16px;
	padding-left: 10px;
	padding-right: 10px;
}
}









@media (max-width: 1135px) { 



header .widget__content__menu{
    background-image: url(https://dioceseofleeds7260.mychurchedit.co.uk/content/pages/uploaded_images/1668073441-vkhJkCSN.png );
    background-repeat: repeat-x;
    background-position: center top;
    background-size: 100% 6px;
}

header #full-menu .level-1 a{
		/*padding: 0.4em 0.5em 0.4em 1.5em;*/
		font-size:  1.15rem !important ;
		font-weight: 400 !important;
		letter-spacing: 0px;
		padding: 0.2rem 0rem 0.2rem .1rem;
		margin: 10px  7px  8px  2px;
}

header #full-menu .level-1 a:hover {
 	text-decoration: none; 
}


header #full-menu .level-1 li:hover {
	border-top: #9767AB 6px solid;
	background: transparent;
}








header #full-menu .level-2 a {
padding: 0em 0.6em !important;
     white-space: normal !important;
  width: 90%
    line-height: 1.1rem;
}


header #full-menu .level-2 a {
    padding: 4px 10px 5px !important;
    margin: 0em !important;
    font-weight: 400 !important;
    white-space: normal !important;
    line-height: 1.1rem;
    color: #0F0176 !important;
   font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif !important;
    }

header #full-menu .level-2 li {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 16px;
}

header #full-menu .level-2 li:hover {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 16px;
}

header #full-menu .level-2 a:hover {
	color: #9767AB !important;
}

header #full-menu .level-2 li {
	border-top: transparent 0px solid;
	text-align:left !important;
	width: 9em;	
	border-top: 1px #eee solid;
	font-size: 16px;
}

header .widget__content__menu .menu>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul,
header .widget__content__menu .menu>ul>li>ul>li>ul>li>ul{
    box-shadow: 1px solid #333;
    -webkit-box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
    box-shadow: 3px 3px 3px -1px rgb(0 0 0 / 19%);
}

header .level-1 {
	margin: 0 !important;
}
header .level-1 li {
border-top: transparent 6px solid;
}
header .level-1 li a{
	
	display: inline-block;
    	max-width: initial !important;

}

header #full-menu >ul.level-1 {
     background-color: transparent;
}



header #full-menu .level-1 a.expand {
 font-size: 0em !important;
 padding: initial;
  padding-right: 0rem;
  margin: 0px
}

header #full-menu .level-1 a.expand {
 font-size: 0.2rem !important;
	padding: 0px !important;
}


header #full-menu .level-2 a.expand {
    padding-top: 0.5em !important;
  width: 10%;
  }

.widget__content__menu .desktop-menu>ul>li {
    position: relative;
   padding: 0rem; 
}

/* --------------Removes gap from dropdown to header  -------------------------------*/

     .widget__content__menu .desktop-menu>ul>li>ul {
        margin-top: -0.5rem;
    }
}



/* -------hover state for images that are links in the design ----------*/
a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=60);
}





/*-----LEVEL-1------*/

  .sidebarBody ul.level-1 > li > a{
       font-size: 24px;
       color: #560751;
       margin: 0px 0 0px 0;
       padding-bottom: 19px;
       font-family: playfair display;
       font-weight: 400;
	         border-bottom: #ddd solid 0px;
       font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
         border-bottom: #ddd solid 1px;
           line-height: 27px;
}

 .sidebarBody ul.level-1 > li:hover > a{
       font-size: 24px;
       color: #560751;
       margin: 0px 0 0px 0;
       border-bottom: #ddd solid 1px;
       padding-bottom: 19px;
	 	  font-weight: 400;
	text-decoration:none;
 }

 .sidebarBody ul.level-1.selected >  li > a{
	font-size:13.2pt;
	color:#333;
	text-decoration:none;
	display: block;
	color: #E3E1CE;
	background-color:#7e8dad;!important;
}




/*-----LEVEL-2------*/

 .sidebarBody ul.level-2 > li > a{
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: 300;
    border-bottom: #ddd solid 1px;
   	background-color: transparent;
   	display: block;
   	padding: 6px 17px;
       line-height: 19px !Important;
}

 .sidebarBody ul.level-2 > li:hover > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
       font-weight: 300;
}

 .sidebarBody ul.level-2.selected > li > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
        font-weight: 300;
}


/*-----LEVEL-3------*/

 .sidebarBody ul.level-3 > li > a{
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: 300;
    border-bottom: #ddd solid 1px;
   	background-color: transparent;
   	display: block;
   	padding: 6px 17px;
       line-height: 19px !Important;
}

 .sidebarBody ul.level-3 > li:hover > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
       font-weight: 300;
}

 .sidebarBody ul.level-3.selected > li > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
        font-weight: 300;
}



/*-----LEVEL-4------*/
 .sidebarBody ul.level-4 > li > a{
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: 300;
    border-bottom: #ddd solid 1px;
   	background-color: transparent;
   	display: block;
   	padding: 6px 17px;
       line-height: 19px !Important;
}

 .sidebarBody ul.level-4 > li:hover > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
       font-weight: 300;
}

 .sidebarBody ul.level-4.selected > li > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
        font-weight: 300;
}

/*-----LEVEL-5------*/
 .sidebarBody ul.level-5 > li > a{
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: 300;
    border-bottom: #ddd solid 1px;
   	background-color: transparent;
   	display: block;
   	padding: 6px 17px;
       line-height: 19px !Important;
}

 .sidebarBody ul.level-5 > li:hover > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
       font-weight: 300;
}

 .sidebarBody ul.level-5.selected > li > a{
	  font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    border-bottom: #efefef solid 1px;
   	background-color: #efefef;
   	display: block;
 	padding: 6px 17px;
       line-height: 19px !Important;
        font-weight: 300;
}
{
.sidebarBody ul.level-1 > li > a{font-family: Arial}
.sidebarBody ul.level-1 > li > a{font-size: 28px}
.sidebarBody ul.level-1 > li > a{font-weight: 400}
.sidebarBody ul.level-1 > li > a{text-transform: none}
.sidebarBody ul.level-1 > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-1{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-1 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-1 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-1.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-1.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-1 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-1 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-2 > li > a{font-family: Arial}
.sidebarBody ul.level-2 > li > a{font-size: 16px}
.sidebarBody ul.level-2 > li > a{font-weight: 400}
.sidebarBody ul.level-2 > li > a{text-transform: none}
.sidebarBody ul.level-2 > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-2{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-2 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-2 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-2.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-2.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-2 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-2 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-3 > li > a{font-family: Arial}
.sidebarBody ul.level-3 > li > a{font-size: 16px}
.sidebarBody ul.level-3 > li > a{font-weight: 400}
.sidebarBody ul.level-3 > li > a{text-transform: none}
.sidebarBody ul.level-3 > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-3{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-3 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-3 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-3.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-3.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-3 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-3 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-4 > li > a{font-family: Arial}
.sidebarBody ul.level-4 > li > a{font-size: 16px}
.sidebarBody ul.level-4 > li > a{font-weight: 400}
.sidebarBody ul.level-4 > li > a{text-transform: none}
.sidebarBody ul.level-4 > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-4{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-4 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-4 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-4.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-4.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-4 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-4 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}
.sidebarBody ul.level-5 > li > a{font-family: Arial}
.sidebarBody ul.level-5 > li > a{font-size: 16px}
.sidebarBody ul.level-5 > li > a{font-weight: 400}
.sidebarBody ul.level-5 > li > a{text-transform: none}
.sidebarBody ul.level-5 > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-5{background-color: rgb(242, 242, 242)}
.sidebarBody ul.level-5 > li:hover > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-5 > li:hover{background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-5.selected > li {background-color: rgb(231, 231, 231)}
.sidebarBody ul.level-5.selected > li > a{color: rgb(0, 0, 0)}
.sidebarBody ul.level-5 > li > a{padding-left: 10px !important; padding-right: 10px !important}
.sidebarBody ul.level-5 > li > a{padding-top: 10px !important; padding-bottom: 10px !important}