Creates padding beneath the main nav and above the logo in the site header

.archive .site-header-main {
padding-bottom: 2.2rem;
}

this is for archive pages
remove .archive for sitewide changes
replace .archive for page specific changes

/*Adds logo to header bar*/

 

.header-bar .menu {
background-image: url(“http://ptreyescountryinn.com/wp-content/uploads/2018/05/logo-2.png”);
background-size: contain;
background-repeat: no-repeat;
padding-left: 150px;
/*width of logo*/
}

You can add a logo or some other kind of image to the header bar

/*Removes random padding beneath content sections*/

.builder-text-content p:last-child {
margin-bottom: 0;
}

This will remove all padding between two consec content sections. Minimally usefull

Change how mobile menu displays

@media screen and (max-width: 800px) {
.mobile-menu {
background-color: #fff;
}
}

change the background color of the drop down menu for mobile

Removes bottom border from top menu-header bar

.header-bar { border-bottom: 0; }
}

Move text placement in builder sections

.builder-section-text .builder-section-content {
padding: 0 30px;
}

/* Keeps text in banners from breaking in the middle of words */

.builder-banner-inner-content h1{
white-space: nowrap;
}

/*
Removes underline from footer text links
*/

.site-footer .site-info a {
text-decoration: none !important;
}

/*
Removes border color from footer widgets
*/

.widget li {
border-bottom: none;
}

/*
Pushes the top content/banner/anything to the top of the page to create a whole page look
*/

.home .site-header { position: absolute; z-index: 5; }

.page-id-55 .site-header { position: absolute; z-index: 5; }

first is for home page only change

second is for specific page change

remove page calls for sitewide change

/*
restores the margins on text of content columns shown at 100%
*/

#plbottom-column-2 .builder-text-content {
padding-right: 3.2rem;
padding-left: 3.2rem;
}

This restores text margins in content sections that have been changed to show images at 100%

/* Removes bottom line of header bar*/

menu
.header-bar { border-bottom: 0; }

Not sure if this is a duplicate

/*
Changes the display of content on banner*/

.builder.banner-content #builder-section-1502644842355 { padding: 0 30px; }

Move placement of content on a banner

/* changes how your logo image appears
*/

div.site-branding {
width: 100%;
max-width: 100%;
}

and

.site-branding {
max-width: 100%;
background-image: url(‘http://YOURLOGO.png’);
background-repeat: no-repeat;
background-position: right;
background-size: auto 50px;
width: 100%;
margin-bottom: 22px;
}

Not certain about this

/* changes output for the event shortcode plugin – this removes bullets from lists and changes the text color to white
*/

 #event-shortcode-1 ul {
list-style-type: none;
color: #fff;
}

need to set a custom html id for content section and style per content section.

/* adds padding beneath the main header for archive pages when the rest of the site is set to have no padding
*/

.archive .site-content {
padding-top: 2.2rem;
}

/* Removes AT link in comments related to date */

.comment-date {
display: none;
}

/*
Style button
*/

input[type=submit] {
border-radius: 0px;
}

/*
Style mailchimp button
*/

#mc-embedded-subscribe { background-color: #8fd525 !important;
padding: 7rem -5rem;
font-size: 2.5rem;
}
#mc-embedded-subscribe:hover { background-color: #0f2440 !important; }

/*
Creates a text shadow for footer widget titles
*/

#site-footer .widget-title {

background: rgba(0, 0, 0, 0.55);
}

/*
Creates a transparent shadow background for footer widget titles
*/
*/

#site-footer .widget-title {

background: rgba(0, 0, 0, 0.55);
}

/*
Style embedded mailchimp forms
*/

/* stacks the form fields and makes them full width */

/* adds spacing below form fields */

.horizontal-mailchimp {
padding: 50px;
margin: 20px auto;
background: rgba(0, 0, 0, 0.45);
}

@media only screen and (max-width: 768px) {

.horizontal-mailchimp .mc-field-group,
.horizontal-mailchimp .clear{
width: 100%;
}

.horizontal-mailchimp .mc-field-group {
margin-bottom: 5px;
}

}

only works when you add div .horizontal-mailchimp to your embed code

  /* removes prior and after nav links in individual event listing */

Tribe Events Plugin

.events-single .tribe-events-sub-nav {
display:none !important;
}

  /* removes export buttons in event listings */

Tribe Events Plugin

.single-tribe_events .tribe-events-cal-links {
display: none;
}

.tribe-events-ical, #tribe-events .tribe-events-ical {display: none !important}

 /* styles display for events single page Details */

Tribe Events Plugin

#tribe-events dt, dl, dd {
font-size: 1.2em;
margin-top: 1.25em;
}

#tribe-events .tribe-events-single-section-title {
font-size: 1.7em;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dt {
font-weight: normal;
}

  /* Tribe Events style text */

Tribe Events Plugin

#tribe-events h2 {
font-size: 1.4em;
font-style: normal;
}

#tribe-events h1 {
font-size: 1.4em;
}

.tribe-events-schedule.tribe-clearfix {
font-size: .8em;
}

  /* Removes bold text from widget body links */

 

.menu-read-container a {
font-weight: normal;
color: black;
}

  /* Style previous and next post nav links at the bottom of posts */

.nav-links {
font-size: 100%;}

/*
content section image display 100% full page
*/

.contentfull .builder-section-content {
max-width: 100%;
padding: 0;
}

.contentfull, .contentfull img {
width: 100%;
}

/*
forces out white spaces padding between builder sections with images*/

.contentfull img {
vertical-align: bottom;
}

.contentfull p {
margin-bottom: 0;
}

.contentfull, .contentfull img {
width: 100%;
}

/*Widens main content on posts, pages and archive pages that utilize a sidebar*/

body.has-right-sidebar .site-content > .container {
max-width: 1400px;
}

/*Changes width of sidebar*/

@media screen and (min-width: 800px) {
body.has-right-sidebar #sidebar-right {
width: 30%;
}
}

/*Changes width of featured images in archive pages and single posts that have had their main content section widened*/

.archive article.post .entry-header img {
width: 100%;
}

.post .entry-header img {
width: 100%;
}

Not CSS, but code to create an autoplay of youtube video

makes header bar snap to center

ul#menu-top {
    float: none;
    text-align: center;
}

changes how header bar looks at the middle ugly width

@media (min-width: 800px)
.header-bar .search-form, .header-social-links, .header-bar .menu { text-align: center; }

https://thethemefoundry.com/questions/topic/header-bar-behaviour-between-1100px-and-800px/

Events shortcode

This calls a particular instance in a content section and centers the text

#barpage-vid-column-2 .ecs-event .entry-title.summary {
text-align: center;
}