/* custom styles */

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,300,700);

#first-time {
  display: none;
}
.front #page-title {
  display: none;
}
.front .page-header {
  display: none;
}

html { /* makes the area under the footer for short pages the same color as the footer */
  /* background-color: black; */
}

body {
  font-family: "latoregular", "Lato", sans-serif;
  /* background: rgb(7,22,59); */
#  background: #696969;
#  background: #FFFFFF;
  background: #356185; /* match background color to blue background of background image */
  color: #444444;
  font-size: 14px;
  font-weight: lighter;
  background-image: url("/sites/default/files/photos/Iraq_website_background_5-30-14_blue.jpg");
#  background-image: url("/sites/default/files/photos/Iraq_website_background_2022-08-03_gray.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  background-attachment: fixed;
  padding-top: 1px; /* needed to move body up to top */
}

h1, .h1 {
  font-size: 24px;
}
h2, .h2 {
  font-size: 20px;
}

a {
  /* color: #1f2e51; */
  color: black;
}

#rtl-body-text {
  direction: rtl;
  font-size: 1.2em;
}
#ltr-text-inside-rtl {
  direction: ltr;
  text-align: left;
  font-size: .75em;
  font-family: "latoregular", "Lato", sans-serif;
}

.navbar.container.navbar-default {
  background-color: transparent;
  border: none;
  font-weight: bold;
}

.navbar.container-fluid.navbar-default {
  background-color: transparent;
  border: none;
}

.navbar.container, .navbar.container-fluid {
  margin-top: 20px;
  margin-bottom: 0px;
}

.navbar-brand {
  font-size: 19px;
  letter-spacing: .06em;
  font-weight: normal;
  padding-top: 10px;
  padding-left: 10px;
  width: 320px;
  /* text-align: right; */
  line-height: 1.5em;
}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: white;
}

.name.navbar-brand {
  color: white;
}
.name.navbar-brand a:hover {
  color: black;
}

.menu.nav.navbar-nav a {
  color: white;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: rgba(0,0,0,0.10);
  color: white;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  background-color: rgba(0,0,0,0.50);
  color: white;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: white;
}
.dropdown-menu.sm-nowrap {
  background-color: rgba(0,0,0,0.70);
}
.dropdown-menu {
  background-color: rgba(0,0,0,0.70);
  border: 0px solid rgba(0,0,0,0.15); /* added to get rid of 1px gap between menu and dropdown */
  border-radius: unset;
  font-size: 1em;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: rgba(0,0,0,0.70);
  color: white; /* added to make menu text visible in certain situations where it wasn't */
}
.dropdown-menu > li > a { /* added to make menu text visible in certain situations where it wasn't */
  color: white;
}
.expanded.dropdown.open > .dropdown-toggle.has-submenu.highlighted {
  background-color: black; /* otherwise it appears light grey */
}

#block-views-front-page-slideshow-block, #block-views-front-page-slideshow-block-1 {
  margin-bottom: -30px;
}

.main-container.container {
  background-color: white;
  padding-bottom: 30px;
}

.main-container.container-fluid {
  /* padding: 0px; */
  margin-top: 10px;
}

.footer {
  border: none;
  margin-top: 0px;
  background-color: rgba(0,0,0,0.99);
}

.block.block-views.clearfix {
  margin-top: 15px;
  margin-bottom: 0px;
}

.footer.container-fluid {
  background-color: black;
}

.flexslider {
  border: none;
  box-shadow: none;
  background-color: #f5f5f5;
}

#front_page_article_preview_slideshow_text_main_div {
  padding: 10px;
}

.navbar-nav { /* took these from .navbar-right to make .navbar-nav do that since didn't know how to set primary menu to .navbar-right */
  float: right !important;
  margin-right: -15px;
}

.navbar.navbar-fixed-top.navbar-default {
  background-color: white;
}

.dropdown-submenu {
  position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px;
  border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
  display:block;
}
.dropdown-submenu>a:after {
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#ccc;
  margin-top:5px;
  margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color:#fff;
}
.dropdown-submenu.pull-left {
  float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}

#admin-menu-wrapper { /* makes Administration Menu font bigger so you can actually read it */
  font-size: 1.4em;
  font-family: "helvetica", sans-serif;
}

.well { /* region around left sidebar */
  background-color: #f8f8f8;
  border: none;
  border-radius: none;
  box-shadow: none;
  margin-top: 0px;
  margin-bottom: 20px;
  min-height: 20px;
  padding-top: 1px;
}

.region.region-sidebar-second { /* region around right sidebar */
  margin-left: 10px;
  margin-right: 10px;
}

.row { /* allows sharebar to appear on side of article and adds more space on top of article to move down from menu */
  margin-left: -5px;
  /* margin-right: -15px; */
  margin-top: 20px;
}

.front .row {
  margin-top: 0px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -20px;
}

#block-views-upcoming-events-block-2 ul,
#block-views-latest-news-block-2 ul { /* Important Dates and Ambassador's Corner blocks */
  /* margin-left: -23px; */
  padding: 5px;
  background-color: #fafafa;
  border-radius: 0 0 0 5px;
  margin: -10px 0px 0px 0px;
  padding: 5px 5px 5px 20px;
}
#block-views-latest-news-block-2 {
  border-radius: 5px;
  background-color: #efefef;
  padding: 0px 10px 10px 10px;
}

#block-views-latest-news-block-4 { /* news section at top of home page content section */
  font-size: 1.2em;
}
#block-views-latest-news-block-7 { /* news section in home page content section */
  font-size: 1.2em;
}
#featured_articles_list_with_teaser {
  /* border: 1px solid #000; */
  border-top: 1px solid #ddd;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
#featured_articles_list_with_teaser_image {
  /* display: none; */
  float: left;
  margin-right: 20px;
  margin-top: 13px;
  margin-bottom: 5px;
}
#featured_articles_list_with_teaser_title {
  font-size: 1.4em;
  font-weight: bold;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 0px;
}
#featured_articles_list_with_teaser_title a {
  color: rgb(62,62,62);
}
#featured_articles_list_with_teaser_teaser {
  font-size: .95em;
  padding-top: 6px;
  padding-bottom: 10px;
}
.more-link {
  float: right;
  background-color: white;
  border-radius: 0 0 5px 5px;
  padding: 0 5px;
  font-weight: bold;
}

/* Views Slideshow for attached media on an article or page */

#node_slideshow_media_link {
  position: relative;
  z-index: 1; /* this was required for the videos in the slideshow. */
  float: right;
  top: 0px;
  right: 3px;
  padding: 0px 0px 0px 0px;
  height: 0px;
  font-size: .9em;
  color: rgb(255,255,255);
  font-weight: bold;
  text-shadow: rgb(0,0,0) 0px 0px 6px;
}
#node_slideshow_credit {
  position: relative;
  float: right;
  right: 5px;
  font-size: .8em;
  color: rgb(255,255,255);
  font-weight: bold;
  text-shadow: rgb(0,0,0) 0px 0px 6px;
  text-outline: 1px 1px #000;
  margin: -16px 0px 0px 0px;
  /* rotate 90 degrees, put in upper right like CNN photo credit */
  /* top: -270px;
  right: -30px; */
  /* for firefox, safari, chrome, etc. */
  /* -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg); */
  /* for ie */
  /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); */
}
#node_slideshow_caption {
  position: relative;
  float: top;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 10px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  font-size: .9em;
  font-weight: bold;
}

/* For Views Slideshow Media attached to node */

/* .views_slideshow_singleframe_pager div a img { */
.views-slideshow-controls-bottom div a img {
  width: 78px;
  height: 52px;
}

.views-content-type {
  height: 0px;
}
/* div.views_slideshow_thumbnailhover_div_breakout_teaser { */
div.views-slideshow-controls-bottom .views-slideshow-pager-field-item {
  position: relative;
  float: left;
  width: 78px;
  padding: 10px 0px 2px 5px;
  margin: 0px 5px 0px 5px;
  cursor: pointer;
}

#pager_node_img_Video {
  position: relative;
  top: -48px;
  left: 2px;
  height: 16px;
  width: 16px;
  padding-right: 5px;
  background-image: url(../images/custom/play_arrow_16x16.png);
  background-position: 0px 0px;
  z-index: 0;
}
#pager_node_txt_Video {
  position: relative;
  top: -44px;
  left: 2px;
  height: 34px;
  width: 72px;
  overflow: hidden;
  padding-right: 5px;
  color: white;
  font-size: .7em;
  font-weight: bold;
  line-height: .9em;
  text-shadow: rgb(0,0,0) 1px 1px 3px;
  z-index: 0;
}
#pager_node_img_Photo {
  visibility: hidden;
}
#pager_node_txt_Photo {
  visibility: hidden;
}

/* country flags for bulleted embassy holidays list (used for static Embassy Holidays page) */
.flag_bullets li.flag_bullet_iraq {
  list-style-type: none;
  background: url(../images/custom/Iraq_flag-30x20.png) no-repeat top left;
  height: 36px;
  padding-left: 40px;
}
.flag_bullets li.flag_bullet_us {
  list-style-type: none;
  background: url(../images/custom/US_flag-30x16.png) no-repeat top left;
  height: 36px;
  padding-left: 40px;
}

/* (used for Views-generated Embassy Holidays page) */
#holiday-row-IQ {
  background: url(../images/custom/Iraq_flag-30x20.png) no-repeat 40px top;
  padding-left: 80px;
  padding-bottom: 20px;
  font-size: 1.1em;
}
#holiday-row-KW {
  background: url(../images/custom/Kuwait_flag-30x15.png) no-repeat 40px top;
  padding-left: 80px;
  padding-bottom: 20px;
  font-size: 1.1em;
}
#holiday-row-DJ {
  background: url(../images/custom/Djibouti_flag-30x20.png) no-repeat 40px top;
  padding-left: 80px;
  padding-bottom: 20px;
  font-size: 1.1em;
}
#holiday-row-BW {
  background: url(../images/custom/Botswana_flag-30x20.png) no-repeat 40px top;
  padding-left: 80px;
  padding-bottom: 20px;
  font-size: 1.1em;
}
#holiday-row-NA {
  background: url(../images/custom/Namibia_flag-30x20.png) no-repeat 40px top;
  padding-left: 80px;
  padding-bottom: 20px;
  font-size: 1.1em;
}
#holiday-row-QA {
  background: url(../images/custom/Qatar_flag-30x12.png) no-repeat 40px top;
  padding-left: 80px;
  padding-bottom: 20px;
  font-size: 1.1em;
}
#holiday-row-US {
  background: url(../images/custom/US_flag-30x16.png) no-repeat 40px top;
  padding-left: 80px;
  padding-bottom: 20px;
  font-size: 1.1em;
}

#staff_grid {
  margin-bottom: 30px;
}
#staff_grid_photo {
  padding-bottom: 5px;
}
#staff_grid_name {
  font-size: 1.1em;
  font-weight: bold;
}
#staff_grid_position {

}
#staff_grid_department {

}
#staff_grid_email {

}
#staff_grid_phone {

}

/* Language switcher */
.front #block-locale-language {
	margin-top: -25px;
}
#block-locale-language {
	position: relative;
	z-index: 1;
	background-color: transparent;
	margin-top: 0px;
	width: 200px;
	float: right;
	text-align: right;
	font-size: .9em;
	font-family: sans-serif;
}
#block-locale-language li {
    display: inline;
    list-style-type: none;
}
#block-locale-language li a.active {
    /* display: none; */
}
#block-locale-language .block-title {
  display: none;
}
.language-switcher-locale-url .ar { /* make Arabic bigger, bolder */
  font-size: 1.2em;
  font-weight: bold;
  font-family:
}

#block-locale-language a:link,
#block-locale-language a:visited {
  color: #555;
}
#block-locale-language a:hover {
  text-decoration: none;
  font-size: 1em;
  color: #000;
}

.en.first.active { /* put a vertical line between the two languages */
    border-right: 1px solid lightgray;
    padding: 5px;
}
.ar.active { /* put a vertical line between the two languages; was .ar.last.active {, but Kurdish has been hidden, so Arabic is not last */
    border-right: 1px solid lightgray;
    padding-right: 6px; /* changed from padding: 5px; because line went too high */
}

.flex-control-nav {
	bottom: -32px;
}

.ku.last { /* hide Kurdish option */
  visibility: hidden;
}

.insert-ltr {
	font-family: "latoregular", "Lato", sans-serif;
	font-size: .9em;
	font-weight: normal;
	direction: ltr;
	unicode-bidi: embed;
	text-align: right;
}

/* prevent images in tables, like the administrative List Photos table, from getting too small */
.table-responsive .views-field-field-image .img-responsive {
    min-width: 150px;
}

/* make photo smaller in home page slideshow list */
.front-page-slideshow-list {
	width: 100%;
}

/* fix article slideshow pager height and handling of video thumbnail and text */
.views-slideshow-pager-fields div {
    display: block; /* was inline */
}

/* Start from LE */
/* Banner slideshow view */
#banner_slideshow {
  position: relative;
}
#banner_slideshow_title {
  position: absolute;
  width: 100%;
  font-weight: bold;
  color: white;
  /* background-color: rgba(0,0,0,.5); */
  background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8));
  margin-top: 0px;
  font-size: 1.5em;
  z-index: 999;
  padding: .5em;
  bottom: 0;
  line-height: 1em;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: transparent;
}

@media (max-width: 600px) {
  .navbar-brand {
    font-size: 15px;
    width: 180px;
  }
  .navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e7e7e7;
    background-color: black;
  }
  .navbar.container, .navbar.container-fluid {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-left: 0px;
  }
  #block-views-front-page-slideshow-block {
    margin-left: -15px;
    margin-right: -15px;
  }
  .block.block-views.clearfix {
    margin-top: 30px;
  }
  #block-views-front-page-slideshow-block.block.block-views.clearfix {
    margin-top: 0px;
    padding-right: 0px;
  }
  #banner_slideshow_title {
	position: relative;
    font-size: 4vw;
    line-height: 4vw;
    width: 100%;
    background-color: black;
    bottom: unset;
    min-height: 0px;
  }
  .flex-control-nav.flex-control-paging {
    visibility: hidden;
  }
  .region.region-content {
    overflow-x: scroll; /* so image map highlight being too wide doesn't mess up width in mobile views */
  }
  #consular-services-map-map-div {
    float: right;
    margin-right: -6%;
  }
}

/* Fix positioning of icons and links for print module */
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: unset;
}

/* Search bar button
.btn-primary {
    color: #fff;
    background-color: #002767;
} */
/* End from LE */

/* For photos (copied from old Omega subtheme and edited) */

#photo_caption {
  text-align: center;
  font-weight: bold;
  font-size: .9em;
  margin-top: 2px;
}
#photo_frame_right {
  float: right;
  margin: 5px 0px 5px 10px;
  padding: 5px 5px 0px 5px;
  border: 1px solid #bbb;
  background-color: #f0f0f0;
}
#photo_frame_left {
  float: left;
  margin: 5px 10px 5px 0px;
  padding: 5px 5px 0px 5px;
  border: 1px solid #bbb;
  background-color: #f0f0f0;
}

#photo_no_frame_right {
  float: right;
  margin: 5px 0px 5px 10px;
}
#photo_no_frame_left {
  float: left;
  margin: 5px 10px 5px 0px;
}
/* For history timeline slideshow (copied from old Omega subtheme and edited) */

#history_timeline_slideshow_main_div {
  position: relative;
  width: 560px;
  height: 500px;
  margin-left: 20px;
  margin-top: 0px;
  margin-bottom: 40px;
  padding-bottom: 10px;
  border: 1px solid #bbbbbb;
  overflow: hidden;
}
#history_timeline_slideshow_title {
  font-weight: bold;
  font-size: 1.4em;
  padding-top: 5px;
  padding-left: 0px;
  padding-right: 0px;
  width: 280px;
  top: 20px;
  position: absolute;
}
#history_timeline_slideshow_body {
  padding-left: 0px;
  padding-right: 0px;
  width: 280px;
  position: absolute;
  top: 60px;
  font-size: 1.1em;
}
#history_timeline_slideshow_image {
  width: 100%;
  /* position: absolute; */
  position: relative;
  left: 295px;
  top: 20px;
}
#history_timeline_slideshow_caption {
  position: relative;
  top: 0px;
  left: 0px;
  right: 0px;
  width: 550px;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  font-size: .9em;
  font-weight: bold;
  text-align: center;
}
#views_slideshow_cycle_div_history_timeline_slideshow-block_1_4 {
  width: 100%;
  height: 600px;
}

#views_slideshow_controls_text_history_timeline_slideshow-block_1_1 {
  position: relative;
  top: -875px;
  left: 295px;
  height: 20px;
  width: 560px;
  padding: 7px 0px 4px 95px;
  background: #555;
  z-index: 98;
}

#views_slideshow_slide_counter_history_timeline_slideshow-block_1_1 {
  color: lightgrey;
  float: right;
  padding-right: 7px;
  position: absolute;
  top: 6px;
  left: 800px;
  font-weight: bold;
  z-index: 99;
}

#views_slideshow_controls_text_history_timeline_slideshow-block_1_1 a:link,
#views_slideshow_controls_text_history_timeline_slideshow-block_1_1 a:visited {
  color: #afa79f;
}
#views_slideshow_controls_text_history_timeline_slideshow-block_1_1 a:hover {
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}
#views_slideshow_controls_text_history_timeline_slideshow-block_1_1 a:active {
  color: #fff;
  text-decoration: none;
}

#views_slideshow_controls_text_history_timeline_slideshow-block_2 {
  position: relative;
  /* top: -610px; */
  left: 295px;
  height: 20px;
  width: 465px;
  padding: 7px 0px 4px 95px;
  background: #555;
  z-index: 1;
}
#block-views-130d629b91e16c9517b7a7cc5e448bff .block-inner { /* History timeline */
  margin: 0px 4px 0px 20px;
  width: 844px;
  height: 950px;
  border: none;
}

/* For Consular Services Location Selector (copied from old Omega subtheme and edited) */

#block-block-12 { /* Consular Services link in header */
  position: relative;
  top: 0px;
  left: 0px;
}
#block-block-12 .block-inner {
  border: none;
}
#block-block-12 a {
  color: white;
}

#quicktabs-consular_services_selector {
  /* border: none; */
  height: 408px;
}
#block-quicktabs-consular-services-selector .block-inner {
  top: 0px;
  height: 440px;
}

/* quicktabs for Consular Services Location Selector */
#block-block-13 .block-inner,
#block-block-14 .block-inner,
#block-block-15 .block-inner {
  border: none;
  top: 0px;
  height: 300px;
}

ul.quicktabs-tabs.quicktabs-style-excel li.active a {
  font-size: 1.2em;
}

.ui-widget-header {
  font-size: 1.2em;
  /* background: #eed;
  color: darkred; */
}

.ui-corner-all {
  border-radius: 0px 0px 0px 0px;
}

/* .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { */
.ui-tabs .ui-tabs-nav li a {
  color: #400;
  font-weight: normal;
}

/* Add space after body field before "Add a media item to this node." link for content types like Article */
.media_link_to_node_field_text_node_ref.first {
   padding-top: 2em;
}

/* For Interactive Timeline slideshow pager controls */

.views-slideshow-controls-text-previous {
  background-image: url(/sites/all/themes/bootstrap_dj_subtheme/images/custom/prev.png);
  left: 5px;
}
.views-slideshow-controls-text-previous:hover {
  background-image: url(/sites/all/themes/bootstrap_dj_subtheme/images/custom/prev-hover.png);
}
.views-slideshow-controls-text-pause {
  background-image: url(/sites/all/themes/bootstrap_dj_subtheme/images/custom/pause.png);
  left: 30px;
}
.views-slideshow-controls-text-pause:hover {
  background-image: url(/sites/all/themes/bootstrap_dj_subtheme/images/custom/pause-hover.png);
}
.views-slideshow-controls-text-next {
  background-image: url(/sites/all/themes/bootstrap_dj_subtheme/images/custom/next.png);
  left: 55px;
}
.views-slideshow-controls-text-next:hover {
  background-image: url(/sites/all/themes/bootstrap_dj_subtheme/images/custom/next-hover.png);
}
#views_slideshow_slide_counter_history_timeline_slideshow-block_1_1 {
  color: lightgrey;
  float: right;
  margin-left: -20px;
  position: absolute;
  top: 0px;
  font-weight: bold;
  z-index: 99;
}
.views-slideshow-controls-text-previous, .views-slideshow-controls-text-pause, .views-slideshow-controls-text-play, .views-slideshow-controls-text-next, .views-slideshow-controls-pager .pager-item a {
  position: absolute;
  z-index: 1;
  top: 2px;
  text-indent: -9999px;
  display: block;
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  margin-right: 5px;
  width: 18px;
  height: 18px;
}

/* front page dashboard of graphic links */

#block-views-309f30c1d0976fe1afdc761d5636ffb5 {
  margin-bottom: 20px;
}

#front_page_dashboard_item {
  float: left;
  height: 100px;
  width: 264px;
  margin-bottom: 10px;
  margin-left: 10px;
  /* border: 1px solid #ddd; */
  /* border-radius: 10px; */
  box-shadow: 5px 5px 15px #ccc;
  overflow: hidden;
  padding-bottom: 15px;
}

#front_page_dashboard_item:hover {
  /* margin-top: 3px; */
  /* margin-bottom: -1px; */
  /* margin-left: 13px; */
  /* margin-right: -1px; */
  background-color: #eee;
  box-shadow: none;
}

#front_page_dashboard_item_image {
  float: left;
}

#front_page_dashboard_item_title {
  float: left;
  margin-left: 15px;
  margin-top: 17px;
  width: 47%;
  font-size: 1.2em;
  font-weight: 400;
  line-height: 1.2em;
  /* text-transform: uppercase; */
}

/* For home page dashboard responsive grid of graphic links (from comment in https://www.drupal.org/forum/support/post-installation/2017-04-05/a-simple-responsive-grid-in-views-how) */
.views-responsive-grid .views-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
}
.views-responsive-grid .views-column {
   // adjust as needed
    margin: 1.1rem;
}

/* For Pages with Page type set to Submenu */

.menu-block-1.menu-level-1 li {
  margin-left: 20px;
}