/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

 /*
 * General styles
 */
 @font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Regular.woff2);
    font-weight: 200;
  }
  @font-face {
    font-family: Roboto;
    src: url(../fonts/Roboto-Medium.woff2);
    font-weight: 400;
  }
  @font-face {
    font-family: RobotoCondensed;
    src: url(../fonts/RobotoCondensed-Regular.woff);
  }

body {
    font-family: Roboto;
    color:#424242;
    margin-top:0;
    font-size:16px;
    font-weight: 200;
}

h1, h2, h3, h4, h5, h6 {
    font-family:RobotoCondensed, sans-serif;
}

h3 {
	font-size:22px;
}

label {
    font-weight:unset;
}
	

iframe {
    max-width: 100%;
}

.field--name-body a, .single-article-sidebar p a, .views-field-body p a {
    text-decoration-line: underline;
	text-decoration-color: #e04524;
	text-decoration-thickness: 2px;
}

.field--name-body a:hover,  .single-article-sidebar p a:hover {
    text-decoration-line: underline;
	text-decoration-color: #e04524;
} 
a:hover, a:focus {
    color: inherit;
    text-decoration-line: underline;
}

.view-content h2 a, .view-content h3 a {
   color:black;
}

form .form-item {
    margin-right:1em;
    /*margin-bottom:10px !important;*/
}

.form-item.form-item-field-author-target-id input {
    max-width: 300px;
}


h4 {
    font-size:22px;
}

button {
    background: #353535;
    color: white;
    text-transform: uppercase;
    padding: 7px 15px;
    border: none;
    text-align: center;
}

blockquote {
    float: right;
    margin-left: 1em;
    border-left: 5px solid rgb(94, 166, 70);
    font-style: italic;
    color: black;
    font-weight: bold;
    width:30%;
}

.breadcrumb {
    font-weight: 400;
}

.container-fluid {
    max-width: 2000px;
}

.main-container {
    min-height: 470px;
}

body:not(.path-frontpage) .main-container.container-fluid.js-quickedit-main-content {
    padding-left: 35px;
    padding-right: 35px;
    /* margin:0 2%; */
}

p {
    font-size:17px;
}

.imgp_desc {
    padding: 0;
    font-style: italic;
    color: black;
    font-size:17px;
    margin-bottom:1em;
    width:375px;
}
.field--name-body img.imgp_img, .field--name-body .imgp_desc {
	float:left !important;
	margin-right:10px;
	margin-top:10px;
	clear:left;
}
.field--name-body img.imgp_img {
	float:left !important;
	margin-right:10px;
	margin-top:10px;
	clear:left;
	width:375px;
	height:auto;
}	

figcaption {
    padding: 5px;
    font-style: italic;
    background-color: #d5d5d5;
    color: black;
    font-size:15px;
    margin-bottom:1em;
}

a {
    color: inherit;
    word-wrap: anywhere;
}

body:not(.path-admin) .breadcrumb {
    display: none;
}

h1.page-header {
    margin-top: 1em;
    border:none;
}


.block-title, h1, .issue-wrapper .view-header h2, .block-title a {
    margin-bottom: 20px;
    text-transform: uppercase;
    text-decoration-line: underline;
    text-decoration-color: #e04524;
    text-decoration-thickness: 5px;
}

.view-header {
	margin-bottom: 20px;
}	
	
.img-thumbnail.img-responsive, img.article-main-image {
    border: 0px solid #ddd;
    border-radius: 2px;
    padding: 0;
	margin-bottom:10px;
}

.single-article-sidebar .img-thumbnail.img-responsive, img.article-main-image {
	margin-bottom:10px;
}

.imgp_wrap {
    width: 100%;
    display: grid;
    margin: 2em 0;
}

#crm-submit-buttons {
    min-height: 40px;
}

p strong {
    font-weight: 900;
}

.view-user-civicrm-details .views-row:not(:only-of-type) {
    border-bottom: 1px solid #ddd;
}

.view-user-civicrm-details .views-row:last-child {
    border: none !important;
}

.view-user-civicrm-details .views-row {
    max-width: 400px;
    margin: 1em 0;
    padding-bottom: 1em;
}

.margin-bottom {
    margin-bottom: 2em;
}

/*
* menu styles
*/

ul.menu--primary-links,
ul.menu--footer {
    display:block;
}

ul.menu--primary-links li,
ul.menu--footer li,
.footer li {
    display:inline-block
}

.navbar-header {
    width: 100%;
}

.nav > li > a:hover, .nav > li > a:focus {
    background-color:unset;
    color:unset;
}

.nav > li > a {
    padding: 10px 6px;
}



/*
* footer styles
*/

.footer.container-fluid {
    border: none;
    background-color: #EEE;
    padding: 4% 2% 1% 2%;
    margin-top:10px;
}

.menu.menu--footer.nav {
    text-align: center;
}

.menu.menu--footer.nav {
    text-align: center;
    border-bottom: 2px solid #E04524;
    font-size: 18px;
    text-transform: uppercase;
}

#block-peacenews-mission,
.menu.menu--footer.nav a {
    color:#3c3c3c;
    font-weight: 400;
}

#block-peacenews-mission,
#block-peacenews-socialnetworking,
#block-footerlogoimage {
    width: 38%;
    margin: auto;
    text-align:center;
    padding-top:15px
}

#block-peacenews-copyright,
#block-disclaimer {
    text-align:center;
    font-weight:400;
}

#block-peacenews-socialnetworking {
    padding-top:10px;
}
/*
#block-peacenews-socialnetworking img {
    width: 50%;
}
*/
#block-peacenews-copyright li:not(:last-child)::after {
    content: "|";
    padding: 0 10px 0 10px;
}


.margin-bottom.views-row {
    border-bottom: 1px solid #eee;
    padding-bottom: 2em;
}

/*
* header styles
*/

header#navbar {
    padding: 0;
    border:0;
    height:280px;
    margin-bottom:0;
}

#block-headerlogotext {
    margin-top: 1em;
    width:30%;
    text-align: center;
    margin: auto;
    z-index:100;
}

#block-headerfulllengthsitelogo .header-logo {
    height: auto;
    width:96%;
}

#block-headerfulllengthsitelogo {
    position: absolute;
    width: 96%;
    right: 0;
    left: 4%;
    transform: translatey(-45%);
}

.header-logo-container .col-sm-10,
.header-logo-container .col-xs-9 {
    position: absolute !important;
    top: 50%;
    left: 16%;
    transform: translateY(-99%);
    padding:0;
    width:83%;
}

.header-logo-container {
    width:100%;
    padding:0;
    position:relative;
}

.header-logo-container .row {
    margin:0;
}

.header-calls-to-action {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    border-bottom: 2px solid #e14624;
    padding-right: 4%;
}

.header-logo-container .col-sm-2,
.header-logo-container .col-sm-10,
.header-logo-container .col-xs-3,
.header-logo-container .col-xs-9 {
    padding:0;
}

#block-peacenews-search {
    padding: 5px 4%;
    background-color: #eee;
}


#search-block-form .input-group {
    width: 100%;
}

#block-peacenews-search #edit-keys--description, #block-peacenews-search #edit-keys--2--description {
    display: none;
}

#block-accounticon { 
    position: absolute;
    top: 4px;
    left: 4%;
}

#search-block-form .form-item {
    min-width: 100%;
}

#block-peacenews-search .form-group {
    margin:0 !important;
}

#block-peacenews-search input {
    width: 15%;
    float: right;
    height: 24px;
    padding:2px;
    margin-right:7px;
    border-radius:0;
    box-shadow:none;
    border:1px solid #e1dfdf;
}

#search-form input {
    width: 96%;
}

#block-peacenews-search input::placeholder {
    color:transparent;
}

#block-peacenews-search button, #search-form button {
    background: none;
    border: none;
    margin: 0;
    color: #777777;
    font-size: 16px;
    height: inherit;
    padding: 0;
    float:right;
}

#block-peacenews-search input:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

#search-form button {
    font-size: 20px;
}
.highlighted-text.search {
    margin-left:0;
}

#block-peacenews-primarylinks-3 {
    text-align: center;
    margin-top:.5em;
}

#block-peacenews-primarylinks-3 a {
    color:#3c3c3c;
    font-size:16px;
    font-weight:500;
    font-family:roboto;
    text-transform: uppercase;
}

.header-calls-to-action {
    display: inline-flex;
}

.header-calls-to-action button {
    border-radius: 0;
    padding: 15px 20px;
    text-transform: uppercase;
    font-family: roboto;
    color: white;
    background-color: rgb(94, 166, 70);
    box-shadow: none;
    border: none;
}

button.subscribe {
    background-color: rgb(247, 148, 64);
}

/*
homepage styles
*/

.block-mini-layouthome-page-layout .latest-issue-button {
    font-size: 15px;
    padding: 4px 10px 4px 0;
	float: right;
    margin-top: 10px;
    text-transform: uppercase;
    background: #A6E9A6;
    padding: 5px 10px 5px 0;
    color: black;
    z-index:999;
	height:27px;
	text-decoration-line:none !important;
}

.block-mini-layouthome-page-layout .issue-text {
    padding: 5px;
    background: rgb(94, 166, 70);
    color: white;
    margin-right:10px;
    font-weight: 600;
	float:left;
	margin-top:-5px;
	height:auto;
}

.with-margin {
    margin: 1% 2%;
}



.issue-text {
    padding: 3px;
    background: rgb(94, 166, 70);
    color: white;
    margin-right:10px;
    font-weight: 600;
	float:left;
	margin-top:-5px;
	height:auto;
}

.latest-issue-button {
    font-size: 15px;
    padding: 4px 10px 4px 0;
	float: right;
    margin-top: 0px;
    text-transform: uppercase;
    background: #A6E9A6;
    padding: 5px 10px 5px 0;
    color: black;
    z-index:999;
	height:27px;
	text-decoration-line:none !important;
}

.view-brief-letters-shortreview .latest-issue-button {
    font-size: 15px;
    padding: 4px 10px 4px 0;
	float: right;
    margin-top: 10px;
    text-transform: uppercase;
    background: #A6E9A6;
    padding: 5px 10px 5px 0;
    color: black;
    z-index:999;
	height:27px;
	text-decoration-line:none !important;
}

.latest-issue-button.mobile-top {
    display:none;
}

a.latest-issue-button:hover,
a.latest-issue-button:focus {
    color: inherit;
    text-decoration:none;
}

#views-bootstrap-home-views-block-1 .views-field-title, #views-bootstrap-duplicate-of-home-views-block-1 .views-field-title {
    margin: 0px 0px 15px 0px;
    font-size: 22px;
    line-height: 1.2em;
}	

#views-bootstrap-home-views-block-2 .views-field-title {
    margin: 2% 0;
    font-size: 18px;
	min-height: 80px;
}

#views-bootstrap-home-views-block-1 .views-field-title a, #views-bootstrap-duplicate-of-home-views-block-1 .views-field-title a {
    color: black;
    font-family: RobotoCondensed;
    font-size:24px;
}

#views-bootstrap-home-views-block-2 .views-field-title a {
    color: black;
    font-weight: 800;
    font-family: Roboto;
}

#views-bootstrap-home-views-block-1 .views-field-title a:hover, #views-bootstrap-duplicate-of-home-views-block-1 .views-field-title a:hover,
#views-bootstrap-home-views-block-1 .views-field-title a:focus, #views-bootstrap-duplicate-of-home-views-block-1 .views-field-title a:focus,
#views-bootstrap-home-views-block-2 .views-field-title a:hover, #views-bootstrap-duplicate-of-home-views-block-1 .views-field-title a:hover,
#views-bootstrap-home-views-block-2 .views-field-title a:focus, #views-bootstrap-duplicate-of-home-views-block-1 .views-field-title a:focus {
    color: black; 
    text-decoration: none;
}

.layout__region.layout__region--content {
    margin-bottom: 2%;
}

#views-bootstrap-home-views-block-1 .img-thumbnail.img-responsive, #views-bootstrap-duplicate-of-home-views-block-1 .img-thumbnail.img-responsive {
    height: 340px;
    object-fit: cover;
    width:100%;
}

#views-bootstrap-home-views-block-2 .img-thumbnail.img-responsive {
    height: 175px;
    object-fit: cover;
}

#announcement-block .block-field-blockblock-contentannouncement-blockfield-announcement-link {
    display: none;
}

.block-field-blockblock-contentannouncement-blockfield-teaser .field {
    margin-left: 10px;
}

.announcement-block {
	text-align:center;
    background: #eee;
    padding: 20px;
    border-left: 5px solid #e14624;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.59);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.59);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.50);
    cursor:pointer;
    margin-top:3%;
    width:95%;
 /* position: absolute; */
    /* bottom: 0; */
    /* right: 0; */
    /* min-height: 240px; */
    margin-right: 0;
    margin-left: 0;
	margin-top:40px;
}

.announcement-block .col-sm-12 {
	padding-left:0px;
	padding-right: 0px;
}


.field--name-field-announcement-title p {
	font-size:24px;
}

.comment-homepage .announcement-block {
	display:none;
}


.block-field-blockblock-contentannouncement-blockfield-announcement-link .field--name-field-announcement-link {
	display:none;
}

.block-mini-layouthome-page-layout .row.bs-2col {
	position:relative;
}


.comment-homepage .advert .field--name-field-media-image {
    background: #eee;
    padding: 0px;
    border-left: 5px solid #e14624;
    -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.59);
    -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.59);
    box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.50);
    cursor:pointer;
    margin-top:3%;
    width:95%;
	text-align:center;
}

.field--name-field-announcement-title p {
    text-align: center;
    text-transform: uppercase;
    font-size: 24px;
    color: black;
    font-weight: 500;
    margin-bottom:4px;
	font-family: RobotoCOndensed;
}

.field--name-field-teaser h4 {
    font-size: 20px;
    font-weight: 500;
    color: black;
    margin-bottom: 10px;
    margin-top: 5px;
    line-height: 1.3;
}

.field--name-field-teaser p {
    color: black;
    font-size: 17px;
    font-weight: 400;
}

.col-xs-4.bs-region.bs-region--left {
    padding-right: 5px;
    padding-left: 10px;
}

.col-xs-8.bs-region.bs-region--right {
    padding-left: 1px;
}

.homepage-call-to-action-banner {
    background: #EEE;
    padding: 4% 3%;
    color: black;
    margin-top:0em;
    font-weight: 400;
}

.call-to-action-summary p {
    font-size: 34px;
}

.call-to-action-middle p,
.call-to-action-end p  {
    font-size: 20px;
    text-align: center;
}

.call-to-action-middle {
    padding: 0 7% 0 2%;
}

.call-to-action-end {
    padding: 0 7% 0 7%;
}

.call-to-action-middle a,
.call-to-action-end a {
    display:none;
}

.field--name-field-link-to-subscription-type a {
    display: none;
}

.block-mini-layoutsubscription-types .block-block-content, .block-mini-layoutuk-standard-payment-frequency .block-block-content, .block-mini-layoutinternational-standard-payment-frequency .block-block-content, .block-mini-layoutuk-superhero-payment-frequency .block-block-content {
    cursor: pointer;
    margin: 1em 1em 3em 0em;
    padding: 0em 1em;
    color: black;
    width: 92%;
    transition: .3s all ease;
    background-image: url(/themes/peacenews/images/pn-dash.png);
    background-repeat: no-repeat;
    background-position: 98% 97%;
    background-size: 6%;
    border: 1px solid #e3d7d7;
    border-left:5px solid rgb(94, 166, 70);
    background-color:#f9f9f9;
}

.block-block-content.block-block-contentb36694a2-285e-49aa-b96b-6269d1ee6ddf {
    border-left-color:rgb(247, 148, 64);
}


.block-block-content.block-block-content957dc3ad-a8c6-4991-a273-9f7a8479aa2e {
    border-left-color: #e04524;
}

.block-block-content.block-block-contentdf6b6578-c3a8-4153-8806-7a51f6093823 {
    border-left-color: #FFF065;
}

.block-block-content.block-block-contentf08c9893-2f65-4959-ba1c-ad0b3cb87df4 p, 
.block-block-content.block-block-contentc31948c5-213a-4ea5-99f6-5cc682ed5754 p,
.block-block-content.block-block-content7c0fe9e2-44a7-41a7-9e39-a752fd93324e p,
.block-block-content.block-block-content9a2d0c82-9004-4694-965f-f1fd6bf454d3 p {
    font-size: 20px;
    margin-bottom: 1em;
    width:95%;
}

.block-mini-layoutsubscription-types .block-block-content:hover, .block-mini-layoutuk-standard-payment-frequency .block-block-content:hover, .block-mini-layoutinternational-standard-payment-frequency .block-block-content:hover, .block-mini-layoutuk-superhero-payment-frequency .block-block-content:hover {
    box-shadow: 1px -1px 4px -1px #a2a2a2;
}

.block-mini-layoutsubscription-types .block-title, .block-mini-layoutuk-standard-payment-frequency .block-title, .block-mini-layoutinternational-standard-payment-frequency .block-title, .block-mini-layoutuk-superhero-payment-frequency .block-title {
    text-decoration: none;
}

.block-mini-layoutsubscription-types .block-block-content .field--name-body, .block-mini-layoutuk-standard-payment-frequency .block-block-content .field--name-body, .block-mini-layoutinternational-standard-payment-frequency .block-block-content .field--name-body, .block-mini-layoutuk-superhero-payment-frequency .block-block-content .field--name-body {
    min-height:130px;
}

.block-mini-layoutsubscription-types .block-block-content .field--name-body p, .block-mini-layoutuk-standard-payment-frequency .block-block-content .field--name-body p, .block-mini-layoutinternational-standard-payment-frequency .block-block-content .field--name-body p, .block-mini-layoutuk-superhero-payment-frequency .block-block-content .field--name-body p {
    font-size:20px;
    color: #464545;
}

.block-mini-layoutsubscription-types .block-block-content .field--name-field-price-text, .block-mini-layoutuk-standard-payment-frequency .block-block-content .field--name-field-price-text, .block-mini-layoutinternational-standard-payment-frequency .block-block-content .field--name-field-price-text, .block-mini-layoutuk-superhero-payment-frequency .block-block-content .field--name-field-price-text {
    text-transform:uppercase;
}

.block-mini-layoutsubscription-types .block-block-content .field--name-field-price-text p, .block-mini-layoutuk-standard-payment-frequency .block-block-content .field--name-field-price-text p, .block-mini-layoutinternational-standard-payment-frequency .block-block-content .field--name-field-price-text p, .block-mini-layoutuk-superhero-payment-frequency .block-block-content .field--name-field-price-text p {
    font-size: 26px;
    font-family:RobotoCOndensed;
	margin-top:0.5em;
}

.call-to-action-end .field--name-field-button-text {
    background:rgb(94, 166, 70);
}

.call-to-action-middle .field--name-field-button-text {
    background:rgb(247, 148, 64);
}

.call-to-action-middle .field--name-field-button-text,
.call-to-action-end .field--name-field-button-text {
    color: white;
    padding: 1% 5%;
    margin: 6% auto;
    line-height: 2.3;
    cursor: pointer;
    text-transform: uppercase;
}

.call-to-action-middle.col-sm-4.bs-region.bs-region--middle {
    border-right: 1px solid black;
}

.call-to-action-summary.col-sm-4.bs-region.bs-region--left {
    width: 30%;
}

.email-sub-block.row.bs-1col {
    background-color:rgb(244, 192, 37);
    color: #000;
    padding: 0% 13%;
    display: flex;
    margin-bottom:2%;
}

.email-sub-block .form-group {
    margin-bottom: 9px;
}

.email-sub-block #edit-join-our-mailing-list {
    width: 60%;
    color: grey;
    line-height: 1.8;
    margin-right: 0;
    font-size: 18px;
    height:44px;
    flex:auto;
}

.webform-flex--container {
    margin:0 !important;
}

.webform-flex.webform-flex--1, .webform-flex.webform-flex--7 {
	margin-top:auto;
}

.email-sub-block form .form-group {
    display: inline-flex;
}

.email-sub-block form .form-group label {
    display: inline;
    font-size: 20px;
    margin-right: 3%;
    line-height: 2;
    margin-bottom: 0px;
    font-weight:600;
}

.email-sub-block #edit-actions-01-submit {
    border-radius: 0;
    background-color: #353535;
    border: none;
    padding: 8px 30px;
    text-transform: uppercase;
    font-size: 18px;
}

.cartoon-homepage section, .blog-homepage section {
    margin-bottom: 10px;
}

.blog-homepage em {
    font-style: normal !important;
}


.path-frontpage .layout__region.layout__region--content {
    margin-bottom: 0%;
}

.cartoon-homepage a {
    color: inherit;
}

.blog-homepage section .views-field-title a {
   color:inherit;
}

.views-field.views-field-title {
    color: black;
    font-weight:400;
	margin-top:10px;
}

.views-field-created .field-content, {
    color: black;
    margin-top: 10px;
    text-transform: uppercase;	
	font-weight:400px;
}
.date-created {
    color: black;
    text-transform: uppercase;	
	font-weight:400px;
}

.inline-row.views-row {
    display: flex;
    margin-bottom: 10px;
}

.inline-row a {
    color:#777;
}

a:hover {
    text-decoration: none;
}

.inline-row .img-thumbnail.img-responsive {
    max-width: 250px;
    height: 170px;
    object-fit: cover;
    object-position: 2%;
}

.view-display-id-block_4 .inline-row .img-thumbnail.img-responsive {
    max-width: 200px;
    height: 140px;
	margin-bottom:10px;
}

.view-issue-blocks.view-display-id-block_12 .inline-row a {
	color:black;
}

.inline-row .field-content {
    margin-right: 10px;
}

.inline-row-header a, .inline-row-header {
    color: black;
    font-size: 17px;
    font-weight: bold;
	margin-bottom:3px;
}

.inline-row-header p {
    font-size: 15px;
}

/*.cartoon-homepage .inline-row .img-thumbnail.img-responsive {
    height: 325px;
    max-width: 225px;
}
*/
.cartoon-homepage .inline-row .inline-row-header {
    margin-top: 15px;
}

.block-views-blockhome-views-block-7 .inline-row.views-row {
    display: block;
}

.advert .field--item {
	border: 20px solid #eee;
	margin-bottom:20px;
}	

/*
Issue styles
*/

p.issue-item-author {
	font-weight:500;
	margin-bottom:5px !important;
}

#block-peacenews-issueslayout-2 p {
	margin:0px;
}



.issue-image .img-thumbnail.img-responsive {
    width: auto;
    border: 1px solid #ddd;
    border-radius: 0;
    margin-bottom:3em;
}

.issue-main .block-views-blockissue-blocks-block-7 {
        display: none;
    }

.field-content.review-image img.img-responsive {
    width: 200px;
	height:auto;
}

.review .article-main-image, 
.commentary .article-main-image,
.commentary .main-image-caption,
.review .main-image-caption { 
    width: 100%; 
}
.issue-sticky.inline-row .img-thumbnail.img-responsive {
    height: 190px;
    max-width: 290px;
}

.issue-sticky .views-field.views-field-field-teaser p {
    font-size: 18px;
}

.issue-sticky .issue-item-author {
    max-height: 24px;
}

.issue-main {
    padding-right: 2em;
}

.issue-main .views-element-container.block.block-views.block-views-blockissue-blocks-block-7.clearfix {
    display: none;
}

.issue-sidebar {
    padding-left: 2em;
    border-left: 1px solid #ddd;
}

.inline-row.views-row:not(.issue-sticky) {
    margin-bottom: 1.2em;
}

a.archives-button {
    float: right;
    margin-top: -3%;
    text-transform: uppercase;
    font-size: 22px;
    margin-right: 0;
}

.archives-button .issue-text {
    padding: 5px 10px 5px 10px;
}

#views-bootstrap-archive-block-1 .shop-tag {
    width: 150px;
}
#views-bootstrap-archive-block-1 .shop-item {
    max-height: 440px;
	min-height:390px;
    text-align: center;
	margin-top:10px;
	margin-bottom:10px;
}
#views-bootstrap-archive-block-1 .shop-item .img-thumbnail.img-responsive {
    /*height: 350px;*/
    box-shadow: 1px -1px 2px 0px #999;
    border-color: #d9d8d8;
    border-width: 0.2px;
}
.view-content .tag-cloud li {
    border: 1px solid #d5d2cb;
    padding: 0px 5px 0px 5px;
    margin: 5px 3px 5px 3px;
    display: inline-block;
    color: #716e6e;
    border-right: 2px solid rgb(247, 148, 64);
    transition: .3s all ease;
}

.tag-cloud a:hover {
    color: inherit;
}

.contextual-region.view.view-tagadelic-terms {
    text-align: right;
}

.level1, .level2, .level3, .level4, .level5, .level6, .level7, .level8, .level9, .level10 {
    font-size:15px;
} 

.view-content .tag-cloud li:hover {
    border-right: 2px solid rgb(94, 166, 70);
    background-color: #f8fff8;
}


.views-field.views-field-field-issue-date {
    font-size: 16px;
    text-transform:uppercase;
    color: black;
}

.issue-date-button .issue-text {
    padding:6.5px;
}

h3.inline-row-header a, h3.inline-row-header {
    font-size:20px;
}

.block-views-blockissue-blocks-block-5 h3.inline-row-header a {
    font-size:24px;
}

h3.inline-row-header {
    margin-top:0;
}

.issue-sidebar .issue-editorial .img-thumbnail.img-responsive {
    width: 75%;
    margin-bottom: .5em;
    padding: 0;
}

.issue-editorial .views-field-field-author {
    margin-bottom: .5em;
}

.issue-main .issue-editorial {
	display:none;
}

.issue-main .col-sm-6.bs-region.bs-region--right {
    border-left: 1px solid #ddd;
    padding-left: 2em;
}

.issue-cartoons .img-responsive {
    max-height:400px;
    width:auto;
}

.content-type-by-issue-header {
    margin-top: -.5em;
    margin-bottom: 1.5em;
}

/*
*single article styles
*/

.blog-listing-entry.views-row {
    display: inline-block;
    padding: 1em 0;
}

.review-listing-entry.views-row {
    min-height: 235px;
}

.review-listing-entry, .blog-listing-entry {
	border-bottom: 1px solid lightgray;
    padding-bottom: 10px;
    padding-top: 10px;
}

.field-content.blog-listing-image, 
.field-content.review-listing-image {
    float: left;
    margin-right: 1em;
	margin-top:1em;
}

.article-cartoon-image {
    width: 70%;
}

.views-field-field-cartoon-image {
	margin-top:20px;
}	

.page-node-type-review h1.page-header {
	font-size:32px;
	text-transform:none;
}		

.blog .related-articles h2.block-title, .resource .related-articles h2.block-title {
	display:none;
}

.blog a.related-articles h2.block-title {
	display:block;
}

.single-article-main p, .single-article-main li,
.single-blog-main p, .single-blog-main li {
    font-size: 1.2em;
}

.single-article-main li,
.single-blog-main li {
    margin: 5px 0 5px 0;
}

.single-article-main ul,
.single-blog-main ul {
    margin: 1em 0 1em 0;
}

.article-main-wrapper {
	padding-left:15px;
}

.article-main-image {
    float: right;
    width:120%;
    height:auto;
    object-fit:cover;
    object-position:top;
}

.main-image-caption  {
    width: 120%;
    background-color: #d5d5d5;
    float: right;
    color: black;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 400;
	margin-bottom:10px;
}

.mobile-image-caption {
    margin-bottom: 2em;
    background-color: #d5d5d5;
    float: right;
    color: black;
    padding: 5px 10px;
    font-size: 13px;
}

.hidden-box {
    float: right;
    width: 7%;
    shape-outside: content-box;
    display: block;
    height: 100px;
}

.article-teaser {
    font-style: italic;
    margin-top: -.5em;
    margin-bottom:.5em;
}

.teaser-header-container p {
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 0;
}

.form-item-type-blog-post.checkbox, 
.form-item-type-webform.checkbox, 
.form-item-type-webform-report.checkbox, 
.form-item-type-webform-report.checkbox, 
.form-item-type-panel.checkbox, 
.form-item-type-page.checkbox, 
.form-item-type-product-group.checkbox, 
.form-item-type-book.checkbox, 
#edit-lang-fieldset {
    display: none;
}

.teaser-header-container {
    display: flex;
}

.single-article-sidebar {
    background-color: #eee;
}

.single-article-sidebar h2 {
    text-align: right;
}

.single-article-sidebar a:hover h3 {
    text-decoration-line: underline;
    text-decoration-color: #e22620;
}
.single-article-sidebar {
    background-color: #eee;
    padding: 0;
}

.sidebar-padded {
    padding: 0 1em 1em 1em;
}

.single-article-sidebar .issue-text {
    padding: 5px;
}

.single-article-sidebar .latest-issue-button {
    width: 100%;
    font-size: 16px;
}

.single-article-main .article-mobile-image,
.single-blog-main .article-mobile-image, 
.single-article-main .mobile-image-caption,
.single-blog-main .mobile-image-caption {
    display:none;
}

.article-mobile-image .latest-issue-button {
    margin: 0;
    width: 100%;
}

.single-blog-main .field--name-body.field--type-text-with-summary, .single-blog-main .article-teaser {
	width:85%;
}

.author_image {
    padding: 0;
}

.author_image img {
    width: 100%;
    border: 1px solid #cecbcb;
    margin-bottom:2em;
    margin-left:15px

}

.sidebar-padded p {
    color: #3c3c3c;
}

.author-info.row {
    margin: 0;
}

.author_info.col-xs-6 {
    padding-left: 0;
    padding-right: 5px;
}

.author-no-image {
    margin-bottom:1em;
}

.single-article-sidebar .author_info {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom:7px;
}

.author_info.author-no-image:last-child, .author-info-image:last-child {
    border-bottom: none;
}

.sharing_link {
    width: 35px;
    display: inline-block;
    padding:2px;
    opacity:0.4;
    vertical-align: middle;
}

.sharing_link:hover {
    opacity:0.7;
}

.article-top-icons {
    margin-bottom: 1em;
}

.highlighted-text.teaser {
    width:max-content;
    padding:0px 15px 0px 15px;
    margin:0;
    margin-bottom:10px;
    font-size:16px;
    text-transform: none;
}

.highlighted-text {
    margin-left: 30px;
    background-color: #a6e9a6;
    padding: 0px 15px 0px 15px;
    color: black;
    /*
	text-transform: uppercase;
    */
	font-size:18px;
}

.highlighted-text a {
    text-decoration-line: underline;
    text-decoration-color: #e04524;
}
.highlight-author {
	display:inline;
    margin-left: 30px;
    background-color: #a6e9a6;
    padding: 0px 15px 0px 15px;
    color: black;
    /*
	text-transform: uppercase;
    */
	font-size:18px;
}

.highlight-author2 {
	display:inline;
    background-color: #a6e9a6;
    padding: 0px 15px 0px 15px;
    color: black;
    /*
	text-transform: uppercase;
    */
	font-size:18px;
}	

.highlight-author2 a {
	text-decoration-line:underline !important;
	text-decoration-color: #e04524;
}

.large-share-buttons {
    text-align: center;
    margin: 2em;
}

.resp-sharing-button__link,
.resp-sharing-button__icon {
  display: inline-block
}

.resp-sharing-button__link {
  text-decoration: none;
  color: #fff;
  margin: 0.5em
}

.resp-sharing-button {
  border-radius: 5px;
  transition: 25ms ease-out;
  padding: 0.3em 0.5em;
  font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
  font-size:12px;
}

.resp-sharing-button__icon svg {
  width: 1em;
  height: 1em;
  margin-right: 0.4em;
  vertical-align: middle;
}

.resp-sharing-button--small svg {
  margin: 0;
  vertical-align: middle
}

.related-articles .field-content {
    margin-bottom: 10px;
}

.related-article:hover p {
    border-bottom: 1px solid #e04524;
    transition: .3s all ease;
}

.related-article p {
    margin-bottom: 1em;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 0.5em;
    padding-top: .5em;
    font-weight: 400;
}

.single-article-main .categories,
.single-blog-main .categories,
.single-letter-main .categories,
.single-brief-main .categories, .categories {
    margin-top: 12px;
    background-color: #a6e9a6;
    width: max-content;
    color: black;
    padding: 1px 15px;
    display:inline-block;
    max-width: 100%;
}

.single-article-main .article-types,
.single-blog-main .article-types,
.single-letter-main .article-types,
.single-brief-main .article-types {
    margin-top: 12px;
    background-color: rgb(247, 214, 187);
    width: max-content;
    color: black;
    padding: 1px 12px;
    display:inline-block;
    margin-left:15px;
}

.letter .img-responsive {
    max-height: 165px;
    width: auto;
}

.margin-bottom.letter.views-row {
    min-height: 170px;
	max-width: 800px;
}

.single-article-image-aside {
    margin-top: 2em;
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
  stroke: #fff;
  fill: none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
  fill: #fff;
  stroke: none
}

.resp-sharing-button--facebook:hover, .resp-sharing-button--twitter:hover, .resp-sharing-button--email:hover {
    color:white;
}

.resp-sharing-button--facebook {
  background-color: #3b5998;
  border-color: #3b5998;
}

.resp-sharing-button--twitter {
  background-color: #55acee;
  border-color: #55acee;
}

.resp-sharing-button--email {
  background-color: #777777;
  border-color: #777777;
}


/*
* About page css
*/


.links.inline.list-inline {
    display: none;
}

.about-main .align-center .img-thumbnail.img-responsive {
    width: 100%;
    height: 330px;
    object-fit: cover;
    object-position: 0 85%;
}
.align-center img, .align-center picture { 
    margin-left: auto; 
    margin-right: auto; 
    display:block; 
}

.about-main h4 {
    font-size: 25px;
    font-weight: normal;
    font-family: ROboto;
    margin-bottom: 25px;
}

.about-sidebar h2.block-title {
    text-align: right;
    margin-bottom: 20px;
}

.about-sidebar {
    background: #eee;
    color: #575151;
    padding: 0 1.5em 2em 1.5em;
}

.pre-contact-form-text {
    display: none;
}

.about-sidebar .webform-submission-contact-form .form-item {
    max-width: unset;
}

.about-sidebar .block-title {
    margin-bottom: 1em;
}

.about-sidebar .form-control::placeholder, .about-sidebar .form-control,
.contact-form .form-control::placeholder, .contact-form .form-control {
    /*text-transform: uppercase;*/
    color: #939191;
    font-family: RobotoCondensed;
    font-size: 20px;
    padding: 5px 8px;
}

.path-contact .layout.layout--twocol-section {
    max-width: 80%;
}

.path-contact .layout.layout--twocol-section form {
    max-width: 85%;
}

.select-wrapper::after {
    color: #332f2f;
    opacity: 0.4;
}

.about-sidebar p {
    font-size: 16px;
}

.about-sidebar #edit-actions.form-actions,
.contact-form #edit-actions.form-actions {
    text-align: right;
}

.about-sidebar #edit-actions-submit,
.contact-form #edit-actions-submit {
    padding: 8px 30px;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #353535;
    border: none;
    border-radius: 0;
}

.contact-form #edit-actions-submit {
    float:left;
}

.align-right {
    float: right;
    margin-top: 4em;
}

figure.align-right {
    margin-top: 0;
    margin-left:1.5em;
}

figure.align-left, .align-left {
    margin-right:1.5em;
}

.about-main h3 {
    margin-top: 2.5em;
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 1em;
}

.about-main p {
    font-size: 18px;
    color: #575151;
}

.about-buttons {
    display: flex;
    margin: 3em auto;
    width: 52%;
}

.about-buttons .history-button button {
    background: #e04524;
    margin:1em;
}

.about-buttons .write-button button {
    background: rgb(94, 166, 70);
    margin:1em;
}

/*
* our work pages styles
*/

.block-views-blockprojects-block-1 .img-responsive.img-thumbnail, 
.block-views-blockevents-views-block-3 .img-responsive, 
.block-views-blockfilms-block-1 .img-responsive {
    width: 100%;
    object-fit: cover;
    object-position: 0;
}

.block .views-field-body blockquote {
    display: none;
}

.our-work-all.views-row .views-field-field-main-image {
    margin-bottom: 1em;
}

.our-work-all.views-row {
    margin-bottom: 2em;
}

.projects-header {
    font-size: 22px;
    margin-bottom: 2em !important;
}

.our-work-all blockquote {
    float:left;
}

.event-row .img-thumbnail.img-responsive {
    width: 450px;
    height: auto;
	max-height:400px;
    object-fit: cover;
    object-position: top;
}

.film-row .img-thumbnail.img-responsive {
    width:90%;
    height:200px;
    object-fit:cover;
    object-position: top;
}

.event-row .views-field.views-field-field-teaser .field-content p, 
.film-row .views-field.views-field-field-teaser .field-content p {
    max-height: 100px;
    overflow: hidden;
}

.resource-row .img-thumbnail.img-responsive {
    height: 350px;
    object-fit: cover;
    object-position: top;
}

.event-row {
    min-height: 480px;
}

.view-network-for-peace-feed,
.block-views-blocktoolss-block-1 {
    background-color: #eee;
    padding: 0.5em;
    text-align:right;
	margin-left:10px;
}

.view-network-for-peace-feed .block-title {
    margin-top: 0;
	font-size:24px;
}

.view-network-for-peace-feed .views-field-title,
.block-views-blocktoolss-block-1 .views-row {
    padding-top: .5em;
    padding-bottom: .5em;
    border-bottom: 1px solid #dfdfdf;
    color: #3c3c3c;
    margin-bottom: 1em;
    transition: .3s all ease;
}

.event-row .field-content,
.film-row .field-content,
.resource-row .field-content {
    width: 70%;
}

.view-network-for-peace-feed a:hover {
    color:inherit;
}

.view-network-for-peace-feed .views-field-title:hover,
.block-views-blocktoolss-block-1 .views-row:hover {
    border-bottom-color: #e22620;
}

.block-views-blocktoolss-block-1 .views-row a:hover {
    color:inherit;
}

.single-article-main .file.icon-before {
    width: 75%;
    margin: 1em 0 1em 0;
}
.single-article-main .field--name-body .file.icon-before {
    width: 75%;
    margin: 1em 0 0 0;
}		

.media-library-menu-files a, .media-library-menu-images a {
    margin-right: 1em;
    margin-bottom:1em;
    text-transform: uppercase;
}
.col-sm-6.js-media-library-item.js-click-to-select {
    min-height: 260px;
}

.media-library-menu-files .active, .media-library-menu-images .active {
    border-bottom: 1px solid #e04524;
    display: block;
}

.js-media-library-menu.links {
    list-style: none;
    display: flex;
    padding: 0;
}


/*
* Civicrm pages css 
*/

crm-dashboard.ng-isolate-scope .crm-flex-box {
	display:block;
}
	
#intro_text.crm-section.intro_text-section {
    margin-bottom: 2% !important;
}

#crm-container.crm-public .crm-section {
    margin-bottom:5px;
}

.content.membership_amount-content {
    margin-bottom: 15px;
}

.crm-public-form-item.crm-group.custom_post_profile-group,
.crm-public-form-item.crm-group.custom_pre_profile-group,
.crm-public-form-item.crm-group.email-5-section,
.crm-public-form-item.crm-section#onBehalfOfOrg {
    margin: 2em 0;
}

.crm-container .crm-button input[type="button"], .crm-container .crm-button input.crm-form-submit {
    padding: 5px 6px;
    font-size: 16px;
}

.crm-i-button > .crm-i {
    top: .8em !important;
    left: .7em !important;
}

.crm-public-form-item legend {
    margin-bottom: 20px;
    text-transform: uppercase;
    text-decoration-line: underline;
    text-decoration-color: #e04524;
    text-decoration-thickness: 5px;
    font-size: 20px !important;
    color: black !important;
}  

.crm-container .crm-marker {
    margin-right: 0 !important;
}

.crm-container fieldset legend {
    padding: 0 !important;
}

.region-content .crm-section .content input {
    padding: 0;
    height: 19px;
    color: #939191;
    font-family: RobotoCondensed;
    font-size: 20px;
    padding: 0;
    border: 1px solid #cccccc;
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.select2-container .select2-choice {
    border-radius: 0;
    border: 1px solid #ccc;
    background-color: #fff;
    background-image: none;
    height:19px;
    line-height:19px;
}

.select2-container .select2-choice .select2-arrow {
    background: none;
    border: none;
}

#crm-container.crm-public .price-set-row input, #crm-container.crm-public .price-set-row label {
    vertical-align: bottom;
    cursor: pointer;
    line-height: 19px;
}

.region-content .crm-section .content input:focus, 
.select2-dropdown-open .select2-choice, 
.select2-drop-active {
    border-color: #66afe9;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    border-radius:0;
}

#crm-container.crm-public .calc-value, #crm-container.crm-public .content {
    padding-top: 0;
}

.crm-public-form-item .content.description {
    font-weight:400;
    font-size: 0.8em !important;
}

.crm-public-form-item .form-item {
    margin-bottom: 1px !important;
}

.crm-public-form-item .form-item label.crm-inline-error {
    margin-left: 5px;
    vertical-align: middle;
    display: inline-block;
}

.crm-container div.form-item {
    padding: 3px 0 3px 0;
}

div.crm-container fieldset label {
    float: none;
    vertical-align: super;
}

#crm-main-content-wrapper #footer_text p {
    font-size: 16px;
    font-weight: 100;
}

.auto-renew label {
	line-height:0.6em;
	font-size:14px;
	background-color: #EEE;
    background-image: none;
    margin: 0.5em 0;
    padding: 0.25em 0.5em;
}

.crm-section.auto-renew #force_renew.content {
	line-height:0.6em;
	font-size:14px;
	background-color: #EEE;
    background-image: none;
    padding: 0.25em 0.5em;
	margin-top:0.5em;
	margin-bottom:0.5em;
}

#auto_renew_section {
	margin-top:15px;
}

/*#pricelabel, #pricevalue {
    display: block !important;
}*/

.messages.status.no-popup.crm-not-you-message, .messages.help {
    width: 100%;
    border: none;
    font-weight: 100;
    font-size: 16px;
    border-radius: 0;
}

/*
* Civicrm administrator area css 
*/

#requiredSignup, #separatePayment, #displayFee {
    display: contents;
}

.crm-container a.button, 
.crm-container a.button:link, 
.crm-container a.button:visited, 
.crm-container input.crm-form-submit, 
.crm-container .ui-dialog-buttonset .ui-button, 
.crm-container input[type="button"], 
.crm-container .crm-button {
    color: #fff;
    border-color: unset;
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
    text-shadow:none;
    background: none;
    background-color: #353535;
}

.crm-i-button > .crm-i {
    top: .5em;
}

.btn-primary:hover, .btn-success:hover, 
.btn-primary:focus, .btn-success:focus, 
.btn-primary:active, .btn-success:active,
.btn-primary:active:focus, .btn-success:active:focus,
.btn-info:hover, .btn-info:active, .btn-info:focus, .btn-info:focus:active {
    color: #ffffff;
    background-color: #353535;
    border-color: inherit;
} 

#menu-burger-container {
    display: none;
    cursor: pointer;
}

.mobile-primary-menu li:hover, .mobile-primary-menu li:hover a {
    background-color: #e04524;
    color: #fff !important;
    width: 100%;
    display: block;
    transition: .3s all ease;
}
  
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #333;
    margin: 6px 0;
    transition: .3s all ease;
}

ul.menu--primary-links li.menu-item--count-7, ul.menu--primary-links li.menu-item--count-8 {
    display:none;
}

ul.menu--primary-links {
    transition: .3s all ease;
} 
ul.menu--primary-links.mobile-primary-menu {
    display: inline-grid;
    position: absolute;
    top: 45px;
    left: 50%;
    z-index: 99999;
    background: #f7e0db;
    transform: translatex(-50%);
    width: 100%;
    transition: .3s all ease;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
}

/* .crm-container .crm-submit-buttons, .crm-container .action-link {
    height: 30px;
    margin: 15px 0 15px 2px;
} */

/*
* Administrator menu css
*/


#block-peacenewsadminusermenu .nav > li {
    position: relative;
    display: inline-block;
}

#block-peacenewsadminusermenu {
    position: absolute;
    top: 1px;
    left: 8%;
    z-index: 200;
    margin-left: 2em;
    background-color: #5ea646;
}

#block-peacenewsadminusermenu a {
    padding: 5px;
    font-size: 16px;
    padding-left:10px;
}

#block-peacenewsadminusermenu .dropdown-menu {
    border: none;
    box-shadow: none;
    background-color: #eee;
    margin: 0;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #e04524;
}

/*
* Administrator area css fixes (bootstrap default behaviour broken)
*/

.webform-multiple-table .form-submit, #properties_states_table .form-submit {
    font-size: 12px;
    padding: 5px;
    text-transform: none;
    margin: 1px;
}

#book-admin-edit input {
    width: 75%;
    height: 30px;
}

div.webform-multiple-table td {
    padding: 2px !important;
}

#system-modules .checkbox input[type="checkbox"], #system-modules .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: -10px;
    margin-left: -20px;
}

#edit-field-author-wrapper .tabledrag-toggle-weight {
    display: none;
}

#edit-field-author-wrapper .field-add-more-submit {
    background-color: unset;
    color: #777777;
    padding: 3px;
    border: 1px solid #eee;
}

#edit-field-category--wrapper #edit-field-category {
    max-height: 260px;
    overflow-y: scroll;
    max-width: 300px;
}

#edit-field-category--wrapper .fieldset-legend {
    font-size: 16px;
    font-weight: bold;
}

.link.link-edit-summary.btn.btn-default.btn-xs.pull-right {
    display: none;
}

button.field-plugin-settings-edit {
    background-image: url('/core/misc/icons/787878/cog.svg');
    background-repeat: no-repeat;
    background-color: unset;
    border: none;
}

button.field-plugin-settings-edit:hover {
        background-color: unset;
    border: none;
}

.links.btn-group.dropdown {
    min-width: 165px;
}

.views-admin .icon, .views-admin .icon-text {
    display: none;
}

.tabs {
    margin-bottom: 1em;
}

#edit-body-wrapper .form-textarea-wrapper {
    max-height: 700px;
    overflow-y: scroll;
}

#edit-body-wrapper .form-textarea-wrapper #cke_2_top {
    position: sticky;
    top: 0;
}

.region-footer img {
    background: none;
    border: none !important;
}

.pagination > li > a, .pagination > li > span {
    color: #e04524;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.label {
    color: black;
    font-size: 12px;
    font-weight: 400;
}

.table.table-hover.table-striped {
    margin-top: 5px;
}

.views-ui-settings-bucket-operations button, .views-ui-settings-bucket-operations button:hover,
.views-ui-settings-bucket-operations button:active , .views-ui-settings-bucket-operations button:focus {
    background-color: #999;
}

.panels-add-block-form {
    background-color: #fff;
    max-width: 500px;
    padding: 1em;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #e04524;
}

.dropdown-menu {
    font-size: 16px;
    border-radius: 0;
}

.views-displays .tabs.secondary li, .dropbutton li {
    margin: 0 5px 5px 6px;
    list-style: none;
}

.views-displays .tabs.secondary a, .views-edit-view button, .views-edit-view button:hover {
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid #cbcbcb;
    border-radius: 7px;
    font-size: small;
    line-height: 1.3333;
    background-color: white;
    color: gray;
    text-transform: unset;
}

.views-admin .icon {
    width: 27px;
    height: 16px;
}

.form-control {
    border-radius: 0;
}

.panel {
    border-radius: 0 !important;
}

.form-managed-file input {
    height: 48px;
}

input {
    border-radius: 0 !important;
}

.tabs-left > .tab-content, .tabs-right > .tab-content {
    border-radius: 0;
}

.btn-primary, .btn-success, .btn-info {
    color: #fff;
    background-color: #353535;
    border-color: unset;
}

.btn-default, .btn-default:active, .btn-default:hover, .btn-default:active:focus {
    color: #ffffff;
    background-color: rgb(94, 166, 70);
    border-color: rgb(94, 166, 70);
}

.form-checkbox, .crm-form-radio {
    min-width:5px;
}
/* 
.form-radio {
    min-width:350px;
} */

.select-wrapper select {
    max-width: 100%;
}

.nav-tabs > li > a {
    border-radius: 0;
}

.fade form {
    background: #fff;
    max-width: 500px;
    padding: 20px;
}

.list-inline.local-actions {
    margin-bottom: 2em;
}

.views-ui-display-tab-bucket.footer {
    padding-top: 4px;
    padding-bottom: 0;
}

.views-ui-display-tab-bucket__title {
    text-align: left;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 0;
    margin-left: 5px;
}

.btn-xs, .btn-group-xs > .btn {
    padding: 5px 10px;
    font-size: 13px;
    line-height: 1.5;
    border-radius: 0;
}

.views-ui-settings-bucket-operations.btn-group.dropdown {
    float: right;
}

.views-ui-display-tab-bucket {
    margin-top: 10px;
}

.icon.compact.rearrange.views-ajax-link {
    min-width: 100%;
    text-indent: 0;
    height: auto;
    font-size: 12px;
    padding: 2px;
}

#views-display-extra-actions {
    float: right;
}

#drupal-off-canvas.modal.ui-front.fade.in {
    overflow: scroll !important;
    height: 100% !important;
    left: 70% !important;
    min-width: 30% !important;
    padding: 10px !important;
}

#drupal-off-canvas {
    background-color: white !important;
}

#drupal-off-canvas *, #drupal-off-canvas :not(div) {
    background-color: white !important;
    color: #3c3c3c !important;
}

#drupal-off-canvas details, #drupal-off-canvas summary, #drupal-off-canvas .ui-dialog-content {
    background: white !important;
    color: #3c3c3c !important;
}

form.layout-builder-configure-section .button.button--primary.form-submit {
    border: 1px solid #444 !important;
    padding: 10px !important;
}

.ckeditor-buttons li .cke-icon-only {
    overflow: hidden;
    width: 30px;
    text-indent: -9999px;
}

.ckeditor-buttons .cke_button_icon img {
    height: 18px;
    padding: 0;
    margin-top: -5px;
}

.ckeditor-buttons li a {
    min-height: 28px;
}

.radio, .checkbox {
    display: revert;
}

.list-group-container {
    margin-bottom: 1em;
    border: 1px solid #eaeaea;
    width: 50%;
    padding: 10px 20px;
}

.list-group__link {
    font-size: 20px;
    color: black;
    font-family: RobotoCOndensed;
    margin-bottom:5px;
}

.views-field.views-field-media-library-select-form.js-click-to-select-checkbox {
    width: 20px;
    display: inline-block;
    height:40px;
}

.field-content.image-uploader-name {
    width: 80%;
    display: inline-block;
    word-wrap: anywhere;
    vertical-align: text-bottom;
}

.view-media-library form {
    padding: 0;
    max-width:600px;
}

.view-media-library .form--inline.form-inline.clearfix .form-item input {
    width: 200px;
}
.view-media-library .form--inline.form-inline.clearfix .form-item input {
    width: 200px;
    margin-right: 10px;
}

.view-media-library .views-col.col-1 {
    margin-bottom: 1em;
}

.view-media-library .form-item.js-form-item {
    margin-bottom: 2em !important;
}

/*
* Shop layout
*/

.shop-item {
    min-height: 550px;
    text-align: center;
	margin-top:10px;
	margin-bottom:10px;
}


#views-bootstrap-shop-block-2 .shop-item {
    min-height: auto;
}

.shop-item .img-thumbnail.img-responsive {
    box-shadow: 1px -1px 2px 0px #a2a2a2;
    border: none;
}

#views-bootstrap-shop-block-2 .shop-item .img-thumbnail.img-responsive {
    box-shadow: 1px -1px 2px 0px #a2a2a2;
    border: none;
	width:400px;
}

.shop-item .img-thumbnail.img-responsive:hover {
    box-shadow: 1px -1px 4px 2px #a2a2a2;
    border: none;
}

.shop-item .views-field-field-basic-price {
    margin-top: 15px;
    font-size: 18px;
    color: rgb(94, 166, 70);
}


.shop-item .views-field-title {
    margin-top: 15px;
    font-size: 16px;
}

.shop-item .field--name-price {
    margin-top: 5px;
    font-size: 18px;
    color: rgb(94, 166, 70);
} 

.shop-item .field-content.shop-title {
    width: 85%;
    margin: auto;
}

.shop-tag {
	padding: 1px;
	background: #A6E9A6;
	width: 30%;
	margin: auto;
	color: #3e3e3e;
	text-transform: uppercase;
	font-size: 15px;
	margin-bottom: -16px;
	min-height:40px;
}

/* Product Page */
.path-product nav.tabs {
    display: none;
}

.user-logged-in.path-product nav.tabs {
    display: block;
}

.field--name-field-product-image .img-responsive, .field--name-field-product-thumbnail .img-responsive {
    float: left;
    margin-right: 1em;
}

.field--name-field-product-teaser, .field--name-field-product-body {
	width:75%;
	padding-top:10px;
	margin-top:20px;
}

.field--name-field-product-teaser a, .field--name-field-product-body a {
	text-decoration-line:underline;
}
	
.field--name-field-product-body {
	clear:left;
}	

.field--name-field-book-author {
	font-weight: 700;
}

.field--widget-commerce-product-variation-attributes .input-group {
	max-width:320px;
}	

.field--name-field-product-type {
    float: right;
    padding: 7px 16px;
    background: #eee;
    font-size: 1.5em;
}

.field--name-variations {
    margin-top: 1.5em;
}

.field--name-variations .form-inline .form-control {
    width: 60px;
    margin-left: 0.8em;
}

.path-product .field--name-price.field--type-commerce-price {
    float: right;
    margin: 0.5em 2em;
    font-size: 18px;
    color: rgb(94, 166, 70);
}

.checkout-review-item {
    margin: 0 5px;
    display: block;
}

.checkout-complete p {
    font-size: 20px;
}

.checkout-complete a {
    font-size: 20px;
    text-decoration-line: underline;
	text-decoration-color: #e04524;
}

.checkout-order-summary td {
    padding-bottom: 10px;
}

.checkout-order-summary .review-totals {
    margin-top: 17px;
    border-top: 1px solid black;
    text-align: left;
    display: flex;
    padding-top: 10px;
}

.payment-review-item {
    text-align: right;
    max-width: 90px;
}

.layout-region.layout-region-checkout-main {
    width: 55%;
}

.layout-checkout-form .layout-region.layout-region-checkout-secondary {
    width: 45%;
}

/* hiding paypal checkout button before the checkout flow begin. Only to appear at the very end - couldnt find a simple way to remove without hiding */
#paypal-buttons-container {
    display: none;
}
.layout-region-checkout-main #paypal-buttons-container {
    display: block;
}

/* Flyout header Cart */
.cart-flyout {
    float: right;
    width: max-content;
    height: 0;
    margin-right: 4%;
    margin-top: 1%;
    padding-right: 4px;
}
.cart-block--summary__icon.item, .cart-block--summary__icon.items  {
    display: inline;
  }
/*  .cart-block--summary__icon {
    display: none;
  }
*/  
.cart-offcanvas {
    min-height: max-content !important;
    padding: 6px;
}

.cart--cart-offcanvas__close {
    margin-bottom: 20px;
}

.cart--cart-offcanvas__close .btn {
    width: 1.5em;
    height: 1.5em;
   
    padding: 1px 6px;
}
.cart-block--offcanvas-cart-table__quantity input {
    width: 50px !important;
    min-width:50px !important;
}

.cart-block--offcanvas-contents__links .btn-success {
    background-color: rgb(94, 166, 70);
}

.cart-block--offcanvas-cart-table__remove .btn {
    background: none;
    color: #732d2d;
}
.cart-block--offcanvas-contents__links {
    float: right;
    margin-right: 8px;
    margin-top: -11px;
    text-transform: uppercase;
}
.cart-offcanvas--right {
    height: auto;
}

.block-block-contentbe977708-c3ae-416a-9c9f-8337de5164db {
	float:right;
	margin-right:100px;
	margin-top:10px;
	font-size:4%;
	
}

.block-block-contentbe977708-c3ae-416a-9c9f-8337de5164db a {	
	text-decoration:none;
}	

/* media library form */

.image-widget .preview.col-sm-2 {
    display: none;
}

#media-library-add-form-wrapper ul {
    list-style: none;
    padding:0;
}

#media-library-add-form-wrapper form {
    padding:5px;
}

#media-library-add-form-wrapper form {
    padding: 0;
}

/* Checkout */

.views-field.views-field-total-price__number {
    text-align: right;
}

/* User login */
#user-login-form {
    width: 60%;
}

/*
* teaser styles
*/

.teaser .field--name-field-main-image, .review-listing-entry .views-field-field-main-image  {
    float: left;
    padding-right: 1em;
}

.field--name-field-teaser {
    margin-bottom: 7px;
}

.term-item.views-row .field--name-field-teaser p {
	font-weight:bold !important;
}	

.teaser .imgp_img, .teaser .imgp_desc, .teaser .imgp_title, .teaser .imgp_wrap {
    display: none;
}

.teaser {
    margin: 2em 0 2em 0;
}

.teaser .field--name-body h2 {
    font-size: 25px;
}

.teaser .field--name-body h3 {
    font-size: 22px;
}

.teaser .field--name-body h4 {
    font-size: 18px;
}

.editor-response {
    display: inline-block;
    margin-top: 2em;
    width: 100%;
    font-weight: 300;
    font-size: 18px;
}

.related-articles {
    /*display: inline-block;*/
}

#webform-submission-contact-page-variant-contact-us-block-display-0-add-form {
    max-width: 700px;
}

/* prev next blog */
.nextpre__btn.next_btn {
    float: right;
}

/*Civi contribution pages*/

.messages.status.no-popup.crm-not-you-message, .messages.help {
    width: 100%;
}
	
.content.other_amount-content, .content.Amount_above_minimum-content {
	display:inline;
	margin-left:2%  !important;
}

#pricelabel, #pricevalue {
    display: inline;
	font-weight:bold;
}	

#pricesetTotal #pricevalue {
	margin-left:2%  !important;
}	

.label {
    padding: .2em 0em .3em;
}


#checkavailability {
display:block;
}

.crm-public-form-item.crm-section.payment_processor-section .label {
	display:none;
}

input.crm-form-radio + label, input.crm-form-checkbox + label {
    margin-left: 3px;
    margin-right: 8px;
}

.block-block-content.block-block-contentc2a3379d-8ca3-4f0d-98d4-d2a1d3f09375 p, .block-block-content4f2a74aa-d7fe-46a6-b252-fa436416a11e p {
    background-color: #F1F8EB;
    border: 1px solid #B0D730;
    color: #3E3E3E;
    font-size: 16px;
    margin: 0 0 8px;
    padding: 4px;
	max-width:max-content;
}

.crm-container .help, .crm-container #help {
	max-width:max-content;
}	
.page-civicrm-admin .form-layout-compressed {
	max-width:800px;
	margin-top:20px !important;
}

/*projects page*/
.our-work-all .views-field-field-main-image img {
	float:left;
	margin-right:10px;
}

.term-item.views-row .field--name-body p strong:first-of-type {
	font-weight: 200;
}

.view-id-res .col-sm-3 h3.field-content, .view-id-projects .col-sm-4 h3.field-content, .view-id-events_views .col-sm-4 h3.field-content {
	margin-top:0px;
	margin-bottom:20px;
}

/*articles listing via taxonomy*/
.byline {
    margin-left:10px;
}

.tag-cloud {
    text-align: right; 
}

.align-right .img-thumbnail.img-responsive {
	margin-left:15px;
}	

.view-id-res .col-sm-3 {
	min-height:490px;
}

/* Tables within body content - mainly old articles */

.table-in-content {
	max-width:40%;
	border: 1px gray solid;
	margin-left:20px;
	float:right;
}
.table-cell {
		padding:10px;
}		
/* date under title on article pages - do not display on large screens 
.article-date-under-title {
	display:none;
}
*/

select[multiple], select[size] {
    height: 300px;
}

.event-text {
	color: black;
    text-transform: uppercase;
}

.article-date-under-title {
	text-transform:uppercase;
}

.more-link {
	margin-top:10px;
}

.view-taxonomy-term .field--name-description a {
	text-decoration:underline;
}

.view-taxonomy-term .field--name-name {
	display:none;
}

.view-taxonomy-term .field--name-description p {
	font-weight:500;
	font-size:22px;
	font-family: RobotoCondensed;
}


#popup-message-window {
    display: block; 
    position: fixed;
    _position: absolute;
    overflow: auto;
    background: #ffffff;
    border: 2px solid red;
    border-radius:0px;
    z-index: 9999;
    padding: 8px;
    font-size: 13px;
}

#popup-message-background {
  display: none;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6*/
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000;
  border: 1px solid #cecece;
  z-index: 9998;
}

#popup-message-window h1.popup-message-title {
  text-align: left;
  color: black;
  font-size: 20px;
  font-weight: 700;
  border-bottom: 1px dotted #d3d3d3;
  padding-bottom: 2px;
  margin-bottom: 20px;
}

#popup-message-close {
  background: transparent url(img/close.png) no-repeat top left;
  text-indent: -1000px;
  width: 16px;
  height: 16px;
  font-size: 0px;
  right: 6px;
  top: 4px;
  position: absolute;
  display: block;
  cursor: pointer;
}