/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */
 
 /*SIIM*/
 :root {
 --fontFamily: 'Roboto Condensed', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;

 --listIndent: .82em !important;
 }
  html, body, h1, h2, h3, h4, h5, h6, p, nav {
   font-family: 'Roboto Condensed', sans-serif !important;
}
 @font-face {
   font-family: 'Roboto Condensed';
   font-style: normal;
   font-weight: 400;
   src: local(''),
        url('https://giis-fr.insecurityinsight.org/wp-content/themes/blocksy-child/fonts/roboto-condensed-v19-latin-regular.woff') format('woff');
 }
 @font-face {
   font-family: 'Roboto Condensed';
   font-style: normal;
   font-weight: 700;
   src: local(''),
        url('https://giis-fr.insecurityinsight.org/wp-content/themes/blocksy-child/fonts/roboto-condensed-v19-latin-700.woff') format('woff');
 }
 @font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('https://giis-fr.insecurityinsight.org/wp-content/themes/blocksy-child/fonts/oswald-v40-latin-regular.woff') format('woff');
}
@font-face {
  font-family: 'Oswald';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('https://giis-fr.insecurityinsight.org/wp-content/themes/blocksy-child/fonts/oswald-v40-latin-700.woff') format('woff');
}
hr.wp-block-separator.is-style-wide {
    border: 1px solid #ececec;
}
.entry-content [class*="_inner-container"]>*:not(.alignfull) {
    width: min(calc(100% - 48px), var(--container-width)) !important;
}
.entry-content ul a {
    text-decoration: underline;
}
 /* Page title */
 .site-title-container {
    margin: 12px;
}
.site-title {
    line-height: 1 !important;
}
 .site-title a {
   font-family: 'Oswald', sans-serif !important;
 }
 .hero-section {
    margin-bottom: 20px !important;
 }
 #menu-item-1739 {
    margin-left: 12%;
 }
/* white boxes */
.wp-block-columns.home-cols > div {
    padding: 22px;
    border-radius: 20px;
}
.wp-block-columns.home-cols > div h4 {
    margin-bottom: 4px;
}
.site-main ul {
   padding-left: var(--listIndent);
   margin-top: -18px !important;
}
.site-main ul ul {
    margin-top: 4px !important;
 }
li::marker {
    color: var(--paletteColor3);
  }
@media (min-width: 782px){
    .wp-block-column:not(:first-child) {
        margin-left: 1.57em !important;
    }
}
/* Header Strip */
div.header-strip {
    justify-content: center;
    margin-bottom: 42px;
}
div.inner-width {
    max-width: 846px;
    min-height: 170px;
    display: flex;
}
.wp-block-column.inner-width > div {
    display: flex;
    align-items: center;
    width: 100%;
}
.wp-block-column.inner-width > div div:last-child {
    margin-left: 0.5em !important;
}
.wp-block-column.inner-width h3 {
    line-height: 1.1;
    padding: 12px 0;
}
.wp-block-column.inner-width img {
    width: auto;
    max-height: 174px;
}
.wp-block-columns.home-cols.siim-apps div h4 img {
    width: 50px !important;
    float: left;
    margin-right: 14px;
}
/* Home headers */
div.header-strip.home-strip {
    margin-top: 74px !important;
    margin-bottom: 80px;
}
.wp-block-column.inner-width > div.home-relative {
    position: relative;
}
.wp-block-column.inner-width > div.home-relative .home-image img {
    width: auto;
    max-height: 360px;
    position: absolute;
    top: -86px;
    left: -40px;
}
@media only screen and (max-width: 920px) {
    .wp-block-column.inner-width > div.home-relative .home-image img {
        position: unset;
    }
}
/* Blue Buttons */
.button-col {
    display: flex;
    justify-content: center;
    margin-top: 26px;
}
.button-col .wp-block-buttons {
    justify-content: center;
}
.button-col > div > div a {
    position: relative;
    width: 200px;
    margin: 0 14px;
    padding: 72px 14px 18px;
    border-radius: 18px;
}
.button-col > div > div a img {
    position: absolute;
    top: 20px;
    display: block;
    height: 42px;
    width: auto !important;
}
.tools .button-col {
    margin-top: 0;
}
.tools .button-col > div > div a {
    font-size: 18px;
    padding: 84px 28px 20px;
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.tools .button-col > div > div a img {
    top: 20px;
}
/* Home Blue Buttons */
.home-buttons .wp-block-buttons, .home-buttons .button-col > div > div a, .home-buttons .wp-block-buttons>.wp-block-button {
    width: 100%;
}
.home-buttons .button-col > div > div a {
    margin: 0;
    font-size: 22px;
    justify-content: left;
    margin-bottom: 18px;
    padding: 8px 38px 8px 18px;
    border-radius: 25px;
    background-image: url("../blocksy-child/images/tri-right-sm.png");
    background-repeat: no-repeat;
    background-position: 98.4% 14px;
    background-size: 26px;
    text-align: left;
}
.home-buttons .button-col > div > div a img {
    position: unset;
    margin-right: 16px;
}
.return .wp-block-button a {
    margin-top: 20px;
    padding-top: 6px;
    background: var(--paletteColor3) !important;
    color: var(--paletteColor0) !important;
    border-radius: 20px;
}
/* Footer */
.ct-footer {
    margin-top: 40px;
}
ul.footer-menu, p.design {
    display: flex;
    justify-content: flex-end;
}
ul.footer-menu li, p.design {
    margin-right: 20px;
    font-size: 14px;
}
ul.footer-menu li a, ul.footer-menu li a:hover, p.design, p.design a, p.design a:hover {
    color: var(--paletteColor8);
}
ul.footer-menu > li:nth-child(5) {
    margin-top: 5px;
}
ul.footer-menu > li:nth-child(5) > img, ul.footer-menu > li:nth-child(3) > img {
    max-height: 34px;
    width: auto !important;
    margin-right: 3px;
}
ul.footer-menu > li:nth-child(3) > img {
    max-height: 16px;
}
.ct-footer #block-9 {
   margin-top: 22px !important;
}
@media only screen and (max-width: 660px) {
    ul.footer-menu, p.design {
        flex-direction: column;
        align-items: center;
    }
}
/* ROADMAP */
/* Roadmap Home */
div.contain {
   display: flex;
   margin: 10px auto;
   border-radius: 34px;
   padding: 0 20px;
   background: var(--paletteColor8);
}
div.side-rm {
   flex: 1 0 0;
   /* height: 600px; */
   margin: -9px auto;
   background: url("../blocksy-child/images/side.png") no-repeat;
   background-position: 30px 31px;
   background-size: 74%;
   position: relative;
   color: var(--paletteColor8);
}
.side-rm .text1, .side-rm .text2, .side-rm .text3 {
    position: absolute;
    line-height: 1;
    text-align: center;
    font-weight: 700;
}
.text1 {
    top: 60px;
    left: 29%;
    max-width: 85px;
    font-size: 22px;
}
.side-rm .text2 {
    top: 295px;
    left: 35.65%;
    font-size: 14px;
    font-weight: 300;
    transform: rotateZ(270deg);
}
.text3 {
    bottom: 65px;
    left: 25%;
    max-width: 97px;
    font-size: 18px;
}
div.roadmap {
   flex: 4 0 0;
   margin: 56px -16px 17px 18px;
   background: url("../blocksy-child/images/SIIM Roadmap home.png") no-repeat;
   background-size: contain;
}
div.flex {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   max-width: 605px;
   padding-left: 30px;
   /* margin-top: 8px;
   margin-bottom: -0.85%; */
}
.flex:nth-child(1), .flex:nth-child(3), .flex:nth-child(5), .flex:nth-child(7) {
    justify-content: space-around;
}
div.flex a {
  color: white;
  text-decoration: none;
}
.ac {
   text-align: center;
}
.num {
   text-align: center;
   width: 122px;
   margin-top: 12px;
}
div.num a {
    color: var(--paletteColor1);
}
.num p:last-child {
   color: #386182;
   margin-top: -16px;
   margin-bottom: 6px;
   font-size: 14px;
   margin-top: -2px;
   margin-bottom: 6px;
   line-height: 1.2;
}
.num p.orange {
   background: #ec6529;
   display: inline-block;
   width: 36px;
   height: 36px;
   border-radius: 50px;
   border: white 3px solid;
   line-height: 1;
   margin-bottom: 0;
}
.num p.orange a {
    width: 31px;
    height: 34px;
    display: inline-block;
}
.num p.orange:hover {
   border: #ec6529 3px dashed;
}
.num p.orange span {
   font-size: 17px;
   letter-spacing: 1px;
   font-weight: bold;
   color: white;
   margin-top: 7px;
   margin-left: -1px;
   display: inline-block;
   letter-spacing: 0px;
}
div .blue {
  color: white;
  background: #386182;
  line-height: 1;
  width: 78%;
  border-radius: 32px;
  padding: 7px 10px;
  border: #fff 4px solid;
  font-size: 19px;
}
.blue img {
    height: 20px;
    width: auto;
    margin-left: 8px;
}
a.arrow {
    display: inline-block;
    height: 34px;
    width: 34px;
    margin-right: 8px;
}

 /* /Roadmap Home End */
 /* Step and Action Pages */
 .step-header div h2 {
    font-weight: normal;
    font-size: 35px;
    text-align: center;
    background-color: var(--paletteColor1);
    color: var(--paletteColor8);
    padding: 12px 18px;
    border-radius: 30px;
    margin-bottom: 26px;
}
.step-header div h2 img{
    height: 30px;
    width: auto !important;
    margin-left: 4px;
}

.step-header div.step-image img {
    margin: 0 10px -40px 10px;
    width: 130px;
}
.num.active {
    margin-top: 6px;
    width: 142px;
}
.num.active p.orange {
    width: 46px;
    height: 46px;
}
.num.active span, .num.active p {
    font-size: 28px !important;
    line-height: 1;
    font-weight: bold;
}
.num.active p {
    font-size: 21px !important;
}
.num.active p a span {
    margin-top: 6px;
    margin-left: 0;
}
/* Step Graphic */
div.step {
    position: relative;
    width: 100%;
    height: 212px;
    padding-top: 75px;
    background: url("../blocksy-child/images/SIIM Roadmap step-opt.png") no-repeat;
    background-size: contain;
 }
 div.step.step4 {
    background: url("../blocksy-child/images/SIIM Roadmap step 4-opt.png") no-repeat;
    background-size: contain;
 }
 div.step .flex {
    margin-top: -10px;
    justify-content: space-evenly;
    max-width: 100%;
    padding-left: 0;
 }
 div.arrow-top, div.arrow-bottom {
    position: absolute;
 }
 div.arrow-top {
    top: 0;
 }
 div.arrow-bottom {
    right: 0;
    bottom: 12px;
 }
 .step.step4 div.arrow-bottom {
    top: 12px;
    height: 40px;
}
 div.arrow-top a, div.arrow-bottom a {
    display: block;
    width: 50px;
    height: 60px;
 }
 .roadmap-detail {
    margin: 2px 22px;
    padding: 24px 0;
    border: 1px solid #dadada;
    border-radius: 20px;
 }
 .roadmap-detail hr.wp-block-separator.is-style-wide {
    width: 100% !important;
    margin: 22px 0;
}
 /* END Step Graphic */
 @media only screen and (max-width: 912px) {
    div.contain {
       display: block;
    }
    div.roadmap {
       margin: 40px auto;
       padding: 24px 0;
       background:none;
    }
    div.flex {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-left: 0;
        max-width: 100%;
    }
    div .blue {
        width: 100%;
    }
    div.side-rm {
        display: none;
    }
    div.step, div.step.step4 {
        height: auto;
        background:none;
    }
    
 }
/* END Roadmap */
/* Accordion */
.wp-block-pb-accordion-item {
    padding: 22px 22px 12px 22px;
    border-radius: 20px;
    background-color: var(--paletteColor8) !important;
}
.c-accordion__title:focus {
    outline: none;
}
.wp-block-pb-accordion-item h4.c-accordion__title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2;
}
.wp-block-pb-accordion-item h4.c-accordion__title::first-line {
    font-size: 20px;
    font-weight: bold;
}
.wp-block-pb-accordion-item h4.c-accordion__title::after {
    position: absolute;
    top: 10%;
    right: 0;
    content: "\271A";
    color: var(--paletteColor2);
    font-weight: 700;
    transform: translateY(-50%);
}
.wp-block-pb-accordion-item h4[id^="at"].c-accordion__title::after {
    color: var(--paletteColor2)
}
.is-open>h4[id^="at"].c-accordion__title::after {
    content: "\268A";
    color: var(--paletteColor2);
}
.c-accordion__content .wp-block-pb-accordion-item {
    padding-top: 10px;
    padding-bottom: 10px;
}
.c-accordion__content .wp-block-pb-accordion-item p {
    color: var(--paletteColor8);
    background: var(--paletteColor1);
    padding: 16px;
    border-radius: 18px;
}
/* Tabs */
.rtl {
    direction: rtl; 
 }
 .rtl img {
    margin-left: 12px;
    margin-right: 6px !important;
}
.sp-tab__lay-default ul .sp-tab__nav-item, .sp-tab__lay-default label.collapsed .sp-tab__card-header {
    background-color: var(--paletteColor5) !important;
    width: 23.8%;
}
.sp-tab__lay-default ul li label, .sp-tab__lay-default ul li a, .sp-tab__lay-default ul .sp-tab__nav-item {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}
.sp-tab__lay-default .sp-tab__tab-content .sp-tab__tab-pane {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
}
/* Podcasts */
.pod-detail p {
    margin-bottom: 10px;
}
.pod-main p:last-child img, .roadmap-detail img {
    width: 48px !important;
    margin-right: 3px;
}
@media only screen and (min-width: 790px) {
    .siim-toolkit .sp-tab__lay-default ul>li>a>span, .sp-tab__lay-default ul>li>label>span {
        padding-top: 136px;
        padding-left: 4px;
    }
    span.tab_title_area::before {
        content: url(http://siim.insecurityinsight.org/wp-content/uploads/SIIM-Tools-eng-sm.png);
        position: absolute;
        /* margin-top: -180px; */
        top: 18px;
    }
    #sp-tab__ul > li:nth-child(2) > label > span.tab_title_area::before {
        content: url(http://siim.insecurityinsight.org/wp-content/uploads/SIIM-User-Guide-arabic-sm.png);
    }
}