/* Shopper-specific kinds */
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
physique {
background-image: none;
background-repeat: repeat;
background-position: high left;
background-attachment: scroll;
}
img {
show: block;
border: none;
define: none;
text-decoration: none;
-ms-interpolation-mode: bicubic;
}
desk td,
desk th {
border-collapse: collapse;
}
desk {
border-collapse: collapse;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
table-layout: mounted;
}
tr {
border-collapse: collapse;
}
desk desk {
table-layout: auto;
}
a,
a:hyperlink {
shade: #4178be;
text-decoration: none;
}
a img {
border: none;
}
physique,
desk,
td,
a {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
/* Reset kinds */
img {
border: 0 !essential;
peak: auto;
line-height: 100%;
define: none;
text-decoration: none;
}
desk td {
border-collapse: collapse !essential;
}
/* iOS blue hyperlinks */
a[x-apple-data-detectors] {
shade: inherit !essential;
text-decoration: none !essential;
font-size: inherit !essential;
font-family: inherit !essential;
font-weight: inherit !essential;
line-height: inherit !essential;
}
/* World kinds */
physique {
font-family: ‘Helvetica’, ‘Arial’, sans-serif;
}
a:hyperlink {
shade: #1A5632;
text-decoration: none
}
a:visited {
shade: #1A5632;
text-decoration: none
}
a:hover {
shade: #1A5632 !essential;
text-decoration: underline !essential;
}
a.blog-link {
shade: #000000 !essential;
}
a.blog-link:hover {
text-decoration: none !essential;
}
a:energetic {
shade: #1A5632;
text-decoration: none
}
.white {
shade: #ffffff;
}
a.white-link {
shade: #ffffff;
text-decoration: none;
}
a.white-link:hover {
shade: #ffffff !essential;
text-decoration: underline !essential;
}
a.dark-link {
shade: #000000;
text-decoration: none;
}
a.dark-link:hover {
shade: #000000 !essential;
}
/* Button fashion */
.african-union-button,
.african-union-button-white,
.african-union-button-yellow {
show: inline-block;
padding: 15px 35px 15px 35px;
cursor: pointer;
border-style: stable;
border-width: 2px;
border-radius: 2px;
-webkit-border-radius: 2px;
line-height: 1em;
}
.african-union-button>a,
.african-union-button-white>a,
.african-union-button-yellow>a {
show: block;
text-decoration: none;
font-weight: daring;
font-size: 16px;
line-height: 1em;
shade: inherit;
}
.african-union-button {
background-color: #1A5632;
border-color: #1A5632;
shade: #FFFFFF;
}
.african-union-button-white {
background-color: clear;
border-color: #1A5632;
shade: #1A5632;
}
.african-union-button-yellow {
background-color: #FFC820;
border-color: #FFC820;
shade: #000000;
}
.african-union-button:hover {
background-color: rgb(17 64 36) !essential;
border-color: rgb(17 64 36) !essential;
shade: #FFFFFF !essential;
}
.african-union-button-white:hover {
background-color: #1A5632 !essential;
border-color: #1A5632 !essential;
shade: #FFFFFF !essential;
}
.african-union-button-yellow:hover {
background-color: #F9D44D !essential;
border-color: #F9D44D !essential;
shade: #000000 !essential;
}
.african-union-button:hover>a {
shade: #FFFFFF !essential;
}
.african-union-button-white:hover>a {
shade: #FFFFFF !essential;
}
.african-union-button-yellow:hover>a {
shade: #000000 !essential;
}
.african-union-button>a:hover,
.african-union-button-yellow>a:hover,
.african-union-button-white a:hover {
text-decoration: none !essential;
shade: inherit !essential;
}
.african-union-button:energetic,
.african-union-button-yellow:energetic,
.african-union-button-white:energetic {
place: relative !essential;
high: 1px !essential;
}
.african-union-button-green {}
.cta-arrow {
show: inline;
font-weight: 600;
shade: #006ff9 !essential;
text-decoration: none !essential;
}
.mob-break {
show: none;
}
.display-inline {
show: inline-block;
}
a.whitehover:energetic,
a.whitehover:hover,
a.whitehover:visited,
a.whitehover:hyperlink {
shade: #ffffff !essential;
}
.header-copy {
font-size: 16px;
line-height: 24px;
}
@media display and (max-width:600px) {
.img-max {
width: 100% !essential;
max-width: 100% !essential;
peak: auto !essential;
min-width: 100px !essential;
}
.container {
width: 100% !essential;
max-width: 600px !essential;
peak: auto !essential;
min-width: 0 !essential;
}
.no-pad-bottom-center {
padding-bottom: 0px !essential;
margin-left: auto !essential;
margin-right: auto !essential;
float: none !essential;
}
.max-width,
.max-width-no-pad {
max-width: 100% !essential;
width: 100% !essential;
}
.desktop-banner {
width: 100% !essential;
peak: auto !essential;
}
.spacer {
width: 100% !essential;
}
.img-center {
margin-left: auto !essential;
margin-right: auto !essential;
}
.two-col-icons {
width: 50% !essential;
peak: 50% !essential;
show: block;
}
.ctaboxes50 td {
width: 100% !essential;
}
.cta-max-width {
max-width: calc(100% – 60px) !essential;
width: 100% !essential;
margin-left: 0px !essential;
margin-right: 0px !essential;
padding-left: 0px !essential;
padding-right: 0px !essential;
}
.no-pad-mob {
padding: 0px !essential;
}
.no-pad-top-mob {
padding-top: 0px !essential;
}
.img-max.pdf-pad-mob {
width: 240px !essential;
margin: 0px auto !essential;
padding: 30px 0px 0px 0px;
}
.align-center,
.center-mob {
text-align: heart !essential;
}
.mob-hide {
show: none;
}
.mob-pad-left-40 {
padding-left: 40px !essential;
}
.mob-pad-right-40 {
padding-right: 40px !essential;
}
.mob-pad-bottom-40 {
padding-bottom: 40px !essential;
}
.mob-pad-bottom-20 {
padding-bottom: 20px !essential;
}
.mob-pad-bottom-10 {
padding-bottom: 10px !essential;
}
.mob-pad-top-40 {
padding-top: 40px !essential;
}
.mob-pad-top-20 {
padding-top: 20px !essential;
}
.mob-pad-top-10 {
padding-top: 10px !essential;
}
.mob-no-pad-top {
padding-top: 0px !essential;
}
.mob-no-pad-left {
padding-left: 0px !essential;
}
.mob-no-pad-right {
padding-right: 0px !essential;
}
.mob-break {
show: block !essential;
}
.mob-ctacopy-width {
width: 90% !essential;
max-width: 90% !essential;
}
.footer-max-width {
width: 80% !essential;
}
.header-copy {
font-size: 12px !essential;
}
.brand {
width: 120px !essential;
}
.full-width {
width: 100% !essential;
}
.pad-bottom-20 {
padding-bottom: 20px !essential;
}
.pad-left-25 {
padding-left: 19% !essential;
}
.block {
show: block !essential;
}
.no-margin {
margin: 0 !essential;
width: auto !essential;
}
.mob-pad-top {
padding-top: 20px !essential;
}
.mob-pad-bottom {
padding-bottom: 20px !essential;
}
.mob-height-40 {
peak: auto !essential;
padding-top: 10px !essential;
}
.mob-margin-bottom-40 {
margin-bottom: 40px !essential;
}
.mob-no-float {
float: none !essential;
}
}
@media solely display and (max-width:480px) {
desk.max-width {
peak: auto !essential;
}
.container {
margin: 0 auto !essential;
}
.fluid {
width: 100% !essential;
}
}
@media solely display and (min-width:600px) {
.align-left–large {
text-align: left !essential;
float: left !essential;
}
.align-right–large {
text-align: proper !essential;
float: proper !essential;
}
.header-content {
padding-left: 0px !essential;
padding-right: 0px !essential;
}
.row–left {
width: 50%;
float: left;
}
.row–right {
width: 50%;
float: proper;
}
.desktop-half {
width: 50%;
}
}
|
|
African Union Month-to-month Bulletin
African Union Month-to-month Bulletin