@import url("https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i");
@media print, screen and (min-width: 80em) {
.hide-for-xlarge {
display: none!important;
}
}
@media screen and (max-width: 79.938em) {
.show-for-xlarge {
display: none!important;
}
}
*, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Lato', sans-serif;
line-height: 1.2;
}
body { color:#616161;
}
h4 {
margin-top:15px;
} $responsive-card-table-bottom-gap: 1.5rem;
$responsive-card-table-border: 1px solid $black;
$responsive-card-table-stack-point: 640px;
$responsive-card-table-label-bg: $light-gray;
.responsive-card-table {
border-collapse: collapse;
&.unstriped tbody {
background-color: transparent;
}
th {
background-color: $responsive-card-table-label-bg;
}
tr,
th,
td {
border: $responsive-card-table-border;
}
@media screen and (max-width: $responsive-card-table-stack-point) {
thead tr {
position: absolute;
top: -9999em;
left: -9999em;
}
tr {
border: $responsive-card-table-border;
display: block;
}
tr + tr {
margin-top: $responsive-card-table-bottom-gap;
} td {
border: none;
display: flex;
justify-content: flex-start;
align-items: center;
border-bottom: $responsive-card-table-border;
padding-left: 50%;
position: relative;
&:before {
content: attr(data-label);
display: inline-block;
font-weight: bold;
line-height: 1.5;
margin-left: -100%;
width: 100%;
position: relative;
z-index: 1;
}
&:after {
content: '';
position: absolute;
background: $responsive-card-table-label-bg;
width: 45%;
height: 95%;
left: 1px;
top: 1px;
z-index: 0;
}
}
}
} p {
font-weight:300;
}
button, .button {
font-weight:700;
padding: .85em 2em;
text-transform: uppercase!important;
line-height: 1.2; }
.button img { 
margin-right:1rem;
max-height: 30px;
position: absolute;
display: block;
margin-top: -5px;
margin-left: -20px;
}
.button img + span,
.button img + noscript + span { 
padding-left: 18px;
} #pre-header {
background:#46769E!important;
height:90px;
position:relative;
z-index:1;
display:flex;
justify-content: space-between;
}
#pre-header-loghi {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction:row;
position:relative;
z-index:1;
padding:0 0 0 2rem;
}
#pre-header-loghi img {
height:57px;
}
#pre-header-loghi a:nth-child(2) {
margin-left: 2rem;
}
#pre-header-menu {
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction:row;
position:relative;
z-index:1;
}
#menu-main-top, #menu-main-top-inglese {
font-size:14px;
}
#menu-main-top li>a, #menu-main-top-inglese li>a {
padding: 0 1rem;
color:#fff;
text-transform:uppercase;
}
#menu-main-top li, #menu-main-top-inglese li {
border-left:1px solid #fff;
}
#menu-main-top li:first-child, #menu-main-top-inglese li:first-child {
border-left:0;
}
.top-bar {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
height: 120px;
align-content: space-between;
padding: 1rem 2rem;
background-color: rgba(255, 255, 255, 0.9);
z-index: 9999;
position: relative;
}
.top-bar-right {
margin-left:auto;
}
.top-bar-right #menu-principale-1 {
margin-top: 0;
}
.top-bar ul {
background:none;
}
.top-bar ul ul.submenu {
background-color: rgba(255, 255, 255, 0.9);
}
.top-bar ul li a {
font-size:0.875rem;
color:#585858;
font-weight:700;
text-transform:uppercase;
}
.menu.icons li {
text-align:center;
}
.menu > li.team-menu > a:before {
content: url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/icon-team-menu.svg);
display:inline-block;
position:relative;
margin-bottom:1rem;
}
.menu > li.prevenzione-menu > a:before {
content: url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/icon-prevenzione-menu.svg);
display:inline-block;
position:relative;
margin-bottom:1rem;
}
.menu > li.ortodonzia-menu > a:before {
content: url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/icon-ortodonzia-menu.svg);
display:inline-block;
position:relative;
margin-bottom:1rem;
}
.menu > li.estetica-menu > a:before {
content: url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/icon-estetica-menu.svg);
display:inline-block;
position:relative;
margin-bottom:1rem;
}
.menu > li.traumi-menu > a:before {
content: url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/icon-traumi-menu.svg);
display:inline-block;
position:relative;
margin-bottom:1rem;
}
.menu > li.education-menu > a:before {
content: url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/icon-education-menu.svg);
display:inline-block;
position:relative;
margin-bottom:1rem;
}
li.education-menu {
background:#e5ecf2;
}
.dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a:after {
display:none;
}
@media screen and (max-width: 39.9375em) {
.top-bar {
padding: 1rem;
height:120px;
display:block;
}
.top-bar .top-bar-right {
display:block;
}
.top-bar .menu-icon {
margin-right: 0rem;
margin-top:2rem;
}
#content {
padding-top:0px;
}
}
#menu-menu-mobile, #menu-menu-mobile-inglese {
text-transform:uppercase;
}
#menu-menu-mobile .menu-divider, #menu-menu-mobile-inglese .menu-divider {
border-top:2px solid #2370AD;
}
#menu-menu-mobile ul.submenu, #menu-menu-mobile-inglese ul.submenu {
padding-left:1rem;
}
#menu-menu-mobile.menu>li>a, #menu-menu-mobile-inglese.menu>li>a {
font-weight:700!important;
}
#menu-menu-mobile ul.submenu>li>a, #menu-menu-mobile-inglese ul.submenu>li>a {
font-weight:500!important;
} .forcefullwidth_wrapper_tp_banner {
margin-top:-120px!important;
}
#menu-principale ul.submenu ul.submenu, #menu-menu-mobile ul.submenu ul.submenu, #menu-menu-mobile-inglese ul.submenu ul.submenu #menu-principale li#menu-item-2374 ul.submenu, #menu-menu-mobile li#menu-item-2482 ul.submenu, #menu-menu-mobile-inglese li#menu-item-2482 ul.submenu {
display:none!important;
}
#menu-principale .is-dropdown-submenu-parent > a:after  {
display:none;
} .breadcrumbs {
margin-bottom:3.3rem;
font-weight: 400!important;
}
.breadcrumbs li {
color: #ffffff;
}
.breadcrumbs li a {
color: #cacaca;
} #content {
background-color: #fff;
}
#content #inner-content {
padding: 0rem 0rem 3rem 0;
}
#content ul, ol {
font-weight:300;
}
#content a {
font-weight: 400;
}
@media screen and (min-width: 40em) {
body.page-template-default .thumbnail-container.right {
position: relative;
float: right;
width: 50%;
overflow-x: visible;
height: 450px; margin-left: 60px;
margin-bottom: 60px;
}
body.page-template-default .thumbnail-container.left {
position: relative;
float: left;
width: 50%;
overflow-x: visible;
height: 450px; margin-right: 60px;
margin-bottom: 60px;
}
body.page-template-default .thumbnail-container.right .thumbnail-figure {
margin: 0 0 2rem 0;
position: relative;
width: 960px;
height: 450px;
}
body.page-template-default .thumbnail-container.left .thumbnail-figure {
margin: 0 0 2rem 0;
position: relative;
width: 960px;
height: 450px;
margin-left:-420px; }
body.page-template-default .thumbnail-container.right .thumbnail-figure .thumbnail {
-webkit-border-top-left-radius: 225px;
-webkit-border-bottom-left-radius: 225px;
-moz-border-radius-topleft: 225px;
-moz-border-radius-bottomleft: 225px;
border-top-left-radius: 225px;
border-bottom-left-radius: 225px;
}
body.page-template-default .thumbnail-container.left .thumbnail-figure .thumbnail {
-webkit-border-top-right-radius: 225px;
-webkit-border-bottom-right-radius: 225px;
-moz-border-radius-topright: 225px;
-moz-border-radius-bottomright: 225px;
border-top-right-radius: 225px;
border-bottom-right-radius: 225px;
}
}
.thumbnail {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
section.entry-content {
padding-top:3rem;
}
@media screen and (min-width: 40em) {
section.entry-content .content-container p, section.entry-content .blocchi-pagina p, section.entry-content ul {
font-size:22px;
}
}
.blocco-dieta i {
width:100px;
height:100px;
border-radius:50%;
-moz-border-radius:50%;
-webkit-border-radius:50%;
margin-right:3rem;
margin-bottom:3rem;
display:inline-block;
content: url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/icon-prevenzione-white.svg);
}
.blocco-dieta .semaforo-rosso i {
background-color:#D02F26;
}
.blocco-dieta .semaforo-giallo i {
background-color:#EDCC72;
}
.blocco-dieta .semaforo-verde i {
background-color:#78C98E;
}
.blocco-dieta .suggerimenti-dieta {
-webkit-border-radius: 16px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 16px;
-moz-border-radius-topleft: 0;
border-radius: 16px;
border-top-left-radius: 0;
background:#3378A1;
color:#ffffff!important;
padding:1.5rem!important;
}
.blocco-dieta .suggerimenti-dieta-triangle {
width: 0;
height: 0;
border-style: solid;
border-width: 30px 0 0 30px;
border-color: transparent transparent transparent #3378A1;
display:block;
}
.blocco-dieta .suggerimenti-dieta p {
margin-bottom:0;
}
.documento-name {
font-size:1.125rem;
line-height:1.2;
text-transform:uppercase;
}
.entry-content .blocco-imgsx h2 {
display:inline-block!important;
} .blog-home .author {
color: #2199e8;
}
.blog-home .author:before {
background: #2199e8;
} .news-home .author {
color: #ed1e79;
}
.news-home .author:before {
background: #2199e8;
} .bg-white { background:#fff;
}
.bg-prim-light {
background: #ddecf4;
}
h3.titolo-sez {
background: #2199e8;
color: #fff;
}
div.separatore {
min-width: 200px;
max-width: 200px;
background: #46769E;
height: 2px;
margin: 16px 0px 24px;
width: 200px;
}
div.separatore.centrato {
margin: 16px auto 24px;
} .aree {
padding-top:2rem;
padding-bottom:2rem;
}
.subtitle {
font-size:0.875rem;
}
.aree article {
background-color:#fff;
padding-left: .625rem;
padding-right: .625rem;
padding-bottom: .9375rem;
}
@media screen and (min-width: 40em) {
.aree article {
padding-left: .9375rem;
padding-right: .9375rem;
}
}
.aree h3 {
font-size:2rem;
text-transform:uppercase;
font-weight:300;
margin-top:0.750rem;
display:inline-block;
}
.aree p {
font-size:1.375rem;
line-height:1.688rem;
margin-bottom:1.688rem;
}
.aree .item-media {
margin-bottom:1rem;
}
.aree .column-block footer p, .aree .column-block a.button {
margin:0;
}
.aree-icon {
width: 220px;
height: 220px;
margin: 0 auto 30px auto;
position: relative;
border: #46769E 3px solid;
border-radius: 220px;
} .team {
background:#fff url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/BG_Team_Homepage_Texture.png) top center no-repeat;
padding-top:5rem;
}
.team .row {
display: flex;
align-items: end;
}
.team p {
font-size:1.375rem;
line-height:1.688rem; }
.team a.button {
margin-bottom: 25px;
}
body.page-template-template-personale-griglia .membro-block  {
padding-bottom:4rem;
}
@media screen and (min-width: 40em) {
body.page-template-template-personale-griglia .membro-block {
padding: 0 2rem 4rem 2rem;
}
}
body.page-template-template-personale-griglia img.membro {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
margin-bottom: 1rem;
}
body.page-template-template-personale-griglia .nome_membro {
font-size:1.875rem;
color:#46769E;
text-transform:uppercase;
line-height:1.2;
}
body.page-template-template-personale-griglia .nome_membro::after {
height: 2px;
width: 170px;
background-color: #46769E;
display: block;
content: '';
margin: 1rem auto;
}
body.page-template-template-personale-griglia .cv_membro  {
color:#D02F26;
text-transform:uppercase;
line-height:1.2;
margin-top:1rem;
}
body.page-template-template-personale-griglia .cv_dl{
margin-bottom: 1rem;
} .accordion-title {
font-size: 1.875rem;
font-weight: 700;
border: 0;
padding-left: 2rem;
}
.accordion-title::before {
position: absolute;
top: 50%;
left: 0rem;
margin-top: -1rem;
content: '\f105';
font-family:"Font Awesome 5 Free";
font-weight: 900;
}
.is-active>.accordion-title::before {
content: '\f107';
font-family:"Font Awesome 5 Free";
font-weight: 900;
}
.accordion-item:first-child>:first-child {
border-radius: 0;
}
.accordion-content {
border: 0;
padding: 1rem 1rem 3rem 1rem;
font-size:1.375rem;
color:#616161;
}
:last-child:not(.is-active)>.accordion-title {
border-bottom: 0;
border-radius: 0;
}
:last-child>.accordion-content:last-child {
border-bottom: 0;
}
.accordion-item:last-child>:last-child {
border-radius: 0;
}
.accordion-title:focus, .accordion-title:hover {
background-color: #fff;
color:#46769E;
}
.accordion-content::before {
height: 2px;
width: 400px;
background-color: #46769E;
display: block;
content: '';
margin: 0 0 1rem 0;
} .hero {
min-height:200px;
background:#46769E url(//www.marcorosa.it/wp-content/themes/associato-child/assets/images/BG_page_title.png) top center no-repeat;
color:#fff!important;
}
#content #inner-content .hero h1.page-title {
margin:3.3rem 0 1rem 0;
color:#fff;
text-transform:uppercase;
font-weight:300;
line-height: 1.2;
}
.entry-content h2 {
color:#46769E;
font-weight:300;
}
.entry-content h2::after {
height: 2px;
width: 250px;
background-color: #46769E;
display: block;
content: '';
margin: 2rem 0;
position:relative;
left:0;
}
.entry-content h3 {
font-size:2rem;
color:#46769E;
font-weight:300;
text-transform:uppercase;
}
.entry-content h3::after {
height: 2px;
width: 250px;
background-color: #46769E;
display: block;
content: '';
margin: 2rem 0;
}
.blocco-pagina{
margin-top:3rem;
}
.page-template-template-home-page .blocco-pagina:first-child  {
margin-top:0rem;
margin-bottom:0rem;
}
.sub-blocco-pagina{
margin-top:1rem;
}
@media screen and (min-width: 40em) {
#content #inner-content .hero h1.page-title {
font-size:3.250rem;
line-height: 1.2;
}
.entry-content h2 {
font-size:2.5rem;
line-height: 1.2;
}
} .slick-slide {
height:400px;
background-color:#efefef;
text-align:center;
color:#fff;
font-size:32px;
font-weight:700;
position:relative;
}
.slick-list {
padding:0!important;
}
.slick-current {
color:#46769e;
}
.slick-prev {
display: inline-block;
position: absolute;
top: 0px;
z-index: 999;
left: 0px;
height:400px;
border-radius:0;
cursor: pointer;
color:#fff;
font-size: 90px;
text-align: right;
padding-right: 1rem;
}
.slick-next {
display: inline-block;
position: absolute;
top: 0px;
z-index: 999;
right: 0px;
height:400px;
border-radius:0;
cursor: pointer;
color:#fff;
font-size: 90px;
text-align: left;
padding-left: 1rem;
}
@media screen and (min-width: 40em) {
.slick-prev {
width:400px;
}
.slick-next {
width:400px;
}
}
.blocco-gallery .slick-slider div.slick-slide {
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
color:#ffffff;
}
.blocco-gallery .slick-slider div.slick-slide div.filter-bg {
opacity: 0.7;
filter: alpha(opacity=70);
background-color: #46769E!important;
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
top: 0;
left: 0;
}
.blocco-gallery .slick-slider div.slick-slide.slick-current div.filter-bg {
opacity: 0.7;
filter: alpha(opacity=70);
background-color:#FFFFFF!important;
}
.blocco-gallery .slick-slider div.slick-slide div.content {
width:100%;
height:100%;
position:relative;
z-index:2;
color:#ffffff;
}
.blocco-gallery .slick-slider div.slick-slide div.content a {
color: #ffffff;
display: inline-block;
line-height: 1;
height: 400px;
width: 400px;
padding-top: 150px;
padding-bottom: 0;
margin-bottom: 0;
}
.blocco-gallery .slick-slider div.slick-slide.slick-current div.content a {
color: #46769E;
display: inline-block;
line-height: 1;
height: 400px;
width: 400px;
padding-top: 150px;
padding-bottom: 0;
margin-bottom: 0;
}
.blocco-gallery .slick-slider div.slick-slide.slick-current {
background-color:#46769E!important;
}
.blocco-gallery .nome_gallery, .blocco-gallery .vedi_immagine {
font-weight:300;
text-transform:uppercase;
font-size:1.250rem;
}
.blocco-gallery .vedi_immagine i {
font-size:32px;
}
.blocco-gallery .image_alt {
font-weight:700;
text-transform:uppercase;
margin-bottom:1rem;
display:inline-block;
}
.blocco-gallery .vedi_immagine {
display:none;
}
.blocco-gallery .slick-current .vedi_immagine {
display:inline-block;
font-size: 1rem;
font-weight: 700;
}
.page-template-template-home-page .blocco-gallery-container {
background-color:#46769E;
} .slick-slider-home {
margin-bottom:3rem;
}
.slick-slider-home .slick-slide {
min-height: 80vh;
display: flex;
align-items: center;
justify-content: center;
}
.slick-slider-home h1,
.slick-slider-home h2,
.slick-slider-home h3 {
text-transform: uppercase;
font-weight: 400;
line-height: 1.2;
font-size: 2rem;
}
.slick-slider-home h1:after,
.slick-slider-home h2:after,
.slick-slider-home h3:after {
content: '';
width:30%;
height: 2px;
background-color: #46769E;
display: block;
margin: 1rem auto;
}
.slick-slider-home p {
color:#616161;
font-size:1.250rem;
font-weight: 400;
line-height: 1.2;
}
@media screen and (min-width: 40em) {
.slick-slider-home h1,
.slick-slider-home h2,
.slick-slider-home h3 {
font-size: 3.250rem;
line-height: 1.2;
}
.slick-slider-home p {
font-size:2rem;
}
}
.slick-slider-home .slick-slide .slide-container {
align-self: flex-end;
margin-bottom: 2rem;
} body.home .footer {
margin-top: 0;
padding-top: 0;
}
.acf-map, .acf-map-footer {
height: 600px;
border: none;
margin: 20px 0;
z-index:1;
position:relative;
}
.page-template-template-home-page .acf-map-footer {
margin: 0 0 20px 0;
}
#inner-footer {
background:#DFE4E9;
-webkit-border-top-left-radius: 40px;
-webkit-border-top-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-topright: 40px;
border-top-left-radius: 40px;
border-top-right-radius: 40px;
padding:40px;
z-index:2;
margin-top:-395px;
position:relative;
}
#inner-footer .h3 {
color:#616161;
}
@media screen and (min-width: 40em) {
#inner-footer .h3 {
font-size:2rem;
}
}
#inner-footer p {
font-size:22px;
}
#prefooter {
border-bottom:2px solid #616161;
}
#prefooter i,
#prefooter img {
margin-right:0.750rem;
}
p.source-org {
margin-top: 0;
margin-bottom: 0;
padding-top:2rem;
font-size:14px!important;
text-transform:uppercase;
font-weight: 400;
}
@media screen and (max-width: 39.9375em) {
p.source-org {
text-align:center;
}
}
#inner-footer i.fas, #inner-footer i.fab {
display: inline-block;
border-radius: 60px;
border: 2px solid #46769E;
padding: 0.6em;
height: 52px;
width: 52px;
text-align: center;
color:#46769E;
}
#post-footer {
background:#46769E!important;
position:relative;
z-index:1;
padding:10px 0;
} .fancybox-bg {
background: #46769E!important;
}
.fancybox-caption {
text-align:center;
font-size:32px!important;
font-weight:700!important;
} .page-template-template-contatti form label {
font-size:22px;
color:#616161;
font-weight:300;
}
.come-raggiungerci {
margin-top:2rem;
}
.grecaptcha-badge {opacity:0} body.page UL.jqueryFileTree {
font-family:inherit!important;
font-size: 22px!important;
line-height: 1!important;
padding: 0px;
margin: 0px;
}
body.page UL.jqueryFileTree LI {
list-style: none;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 20px !important;
margin: 0px !important;
white-space: nowrap;
line-height: 1!important;
margin-bottom: 0.6rem!important;
}
body.page UL.jqueryFileTree A {
font-family:inherit!important;
font-size: 22px!important;
line-height: 1!important;
color: #616161;
font-weight:300;
text-decoration: none;
display: block;
padding: 0px 2px !important;
}
body.page UL.jqueryFileTree UL.jqueryFileTree {
margin-top: 0.6rem!important;
} .wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
margin-bottom: 0px;
position: fixed;
bottom: 0px; display: block;
z-index: 999;
background: white;
padding: 5px;
width: 100%;
background: #46769E!important;
}
.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer a {
color:#fff;
text-transform: uppercase;
font-size: 0.875rem;
}
#post-footer {
padding: 10px 0 50px 0;
} .page-template-template-personale-griglia footer.footer .column-block {
margin-bottom: 1.875rem!important;
} #avviso {
background: #45d08d;
color: #fff;
padding:1rem 0;
font-size: 1.250rem;
}
#avviso p:last-child {
margin-bottom: 0;
}
#avviso a {
color: #ffffff;
text-decoration: underline;
}
#avviso a:hover,
#avviso a:focus {
color:#333333;
} .wpcf7-list-item {
margin-right: 1.5rem;
}
.wpcf7-list-item.last {
margin-right: 0;
}
.wpcf7-list-item input {
margin-right: 0.5rem;
} #contact-form-triage label {
font-size: 1rem;
}
#contact-form-triage .wpcf7-list-item {
margin-right: 1.5rem;
display: block;
}
.wpcf7-not-valid-tip {
display: inline-block;
font-style: italic;
margin-top: -0.5rem;
}
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
background: #ff0000;
color:#ffffff;
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14;
background: #398f14;
color:#ffffff:
}
div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
border: 2px solid #ff0000;
background: #ff0000;
color:#ffffff;
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500;
background: #ffa500;
color: #000000;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
border: 2px solid #000000;
}
#contact-form-triage span.privacy {
display: inline-block;
}
#contact-form-triage span.privacy .wpcf7-list-item {
margin-right: 0rem;
}
#contact-form-triage .alertgreen {
padding: 1rem;
background: #398f14;
font-weight: 700;
color: #fff;
margin: 0;	
text-align:center;
}
#contact-form-triage .alertred {
padding: 1rem;
background: #ff0000;
font-weight: 700;
color: #fff;
margin: 0;	
text-align:center;
} #video h3 {
font-weight: 400;
}
#video .thumbnail,
.cat_video_container .thumbnail {
border:1px solid #25739e;
} .margin-top-bottom {
margin-top:2rem;
margin-bottom: 2rem;
}
.half-margin-top-bottom {
margin-top:1rem;
margin-bottom: 1rem;
}
.margin-bottom {
margin-bottom: 2rem;
}
.half-margin-bottom {
margin-bottom: 1rem;
}