My Themes
Last updated on
Mar 16, 2022
I've never been a person that has an eye for creating things visually appealing. Colors, coordination and style elude me. I guess you could say that I'm more of a function over form kind of guy. So not only does this effect my dress (clothing, not a dress) but also my website.
However, I'm working on it; well my website anyway.
From a website perspective, and more specifically that of WordPress, I have been honing my theming skills. This requires not only colors appropriate for the theme, but pictures/graphics and some css/php coding as well.
Visitors on my website cannot change to a theme they would like to use; they are at my mercy. However, there is no reason we visitors need to be deprived of my themes. So I have created this page give all the opportunity to see what the home page of a particular theme looked like.**Note** I'm always open to constructive criticism on anything, but in this case I am referring to my themes. If you see something wrong or that could be made better, let me know. Also, if you have an idea of what could make on better, also let me know. If you want to complain about one of my themes, once again, let me know (however, I'll probably ignore any complaints).
Airplane 2022
Brushed Metal
Christmas 2021
IndependenceDay
Race Fans
Season Greetings 2021
Simple Green
Simple Green 2
Thanksgiving
Valentines 2022
Winter 2021
- Template -
My Airplane theme. I made it for the RC club I belong to and for my R/C model airplane hobby.
Click on the image to enlarge it.
Accordion
Button
By Device
Contact
Content
Functions
Misc
Tabs
Login Page
Mobile menu
Computer
Tablet - Landscape
Tablet - Portrait
Phone - Landscape
Phone - Portrait
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(255, 129, 255, 60%);
color: #FF71BE;
font-weight: bold;
font-size: 28px;
padding: 40px;
border: 3px solid #DEA629;
border-radius: 15px;
margin-left: 50px;
margin-right: 50px;
}
.rlw_accordion .sow-accordion-panel-header {
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
text-shadow: 2px 2px #FF81FF;
position: relative;
cursor: pointer;
padding: 20px 20px 20px 20px !important;
background-color: #FFA6DC !important;
border-style: solid;
border-color: #F67270;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 18px;
font-weight: 500;
background-color: #FFECB4 !important;
border-style: solid;
border-color: #DEA629;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01;
background-color: #FFECB4 !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-size: 24px !important;
background-color: #FFECB4 !important;
padding: 10px;
overflow: auto;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
width: 300px;
font-size: 24px;
line-height: 50px !important;
text-align: center;
display: inline-block;
border: 3px solid #DEA629;
background-color: rgba(255, 129, 255, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
width: 250px;
line-height: 50px !important;
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
font-size: 28px;
text-shadow: 2px 2px #FF81FF !important;
text-align: center;
display: inline-block;
background: #FFA6DC !important;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01 !important;
padding: 0px;
border: 5px solid #FF007D !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
.rlw_button .ow-button-base a :hover { color: #FF4013 !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block */
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
.rlw_contactform {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #DEA629 !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
.rlw_contactform .sow-contact-form {
background-color: #FFECB4 !important;
border: 5px solid #DEA629 !important;
border-radius: 15px;
}
.rlw_contactform .sow-form-field .sow-text-field {
height: 50px;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
background: #E2FCFF;
color: #FF4013;
font-style: bold;
font-weight: 700;
font-size: 24px;
padding-left: 10px !important;
}
.rlw_contact .sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding: 30px 30px;
text-align: center !important;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #FFA6DC !important;
color: #FFFFFF !important;
font-weight: 900 !important;
font-size: 28px;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
font-weight: 900 !important;
text-shadow: 2px 2px #AD0B01 !important;
display: inline-block;
border: 5px solid #FF007D !important;
border-radius: 15px;
}
.rlw_contactform :focus-visible {
border: 5px solid red !important;
}
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
border: 3px solid #DEA629;
background-color: rgba(254, 107, 187, 60%);
border-radius: 15px;
padding: 15px;
margin-left: 300px;
margin-right: 300px;
margin-bottom: 50px; margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
/* Title Element */
.wp-paginate .title {
color: white;
text-shadow: 2px 2px #FF81FF !important;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #FF81FF !important;
text-shadow: 1px 1px red;
background: white !important;
border: 3px solid !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 24px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #FF81FF !important;
border: 3px solid #FFF373 !important;
color: white !important;
text-shadow: 2px 2px #FFF373 !important;
margin-right: 4px;
padding: 15px 15px;
font-size: 40px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #FF81FF;
border: 3px solid #AD0B01 !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 50px !important;
margin-right: 50px !important;
padding: 40px;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFA6DC;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: #FE6BBB !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFF3CD !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #FF007D;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
background-color: #FFF3CD !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 0px;
margin-left: -7px ;
margin-bottom: 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 22px !important;
margin-left: -30px;
margin-right: -50px;
margin-top: -5px;
margin-bottom: 40px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs 2 */
/* Start of SiteOrigin Tabs 2 */
/* Overall Tabs Container */
.rlw_tabs2 {
background-color: #FF81FF;
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 0px !important;
margin-right: 15px !important;
padding: 30px;
}
/* Tabs Container eliment */
.rlw_tabs2 .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs2 .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs2 .sow-tabs-tab {
cursor: pointer;
background-color: #F67270;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFF373;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: white !important;
}
/* Selected Tab eliment */
.rlw_tabs2 .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFFCF1 !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #AD0B01;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
#rlw_tabs2 .sow-tabs-panel-container {
background-color: #FFFCF1 !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #AD0B01 !important;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 50px !important;
margin-left: -10px !important;
margin-bottom: 0px !important;
padding: 15px 0px 0px 47px !important;
}
#rlw_tabs2 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 24px !important;
margin-left: -40px !important;
margin-right: 0px;
margin-top: -15px;
margin-bottom: 10px;
}
/* End of SiteOrigin Tabs 2 */
/* End of SiteOrigin Tabs 2 */
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(255, 129, 255, 60%);
color: #FF71BE;
font-weight: bold;
font-size: 28px;
padding: 40px;
border: 3px solid #DEA629;
border-radius: 15px;
margin-left: 50px;
margin-right: 50px;
}
.rlw_accordion .sow-accordion-panel-header {
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
text-shadow: 2px 2px #FF81FF;
position: relative;
cursor: pointer;
padding: 20px 20px 20px 20px !important;
background-color: #FFA6DC !important;
border-style: solid;
border-color: #F67270;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 18px;
font-weight: 500;
background-color: #FFECB4 !important;
border-style: solid;
border-color: #DEA629;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01;
background-color: #FFECB4 !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-size: 24px !important;
background-color: #FFECB4 !important;
padding: 10px;
overflow: auto;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
width: 300px;
font-size: 24px;
line-height: 50px !important;
text-align: center;
display: inline-block;
border: 3px solid #DEA629;
background-color: rgba(255, 129, 255, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
width: 250px;
line-height: 50px !important;
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
font-size: 28px;
text-shadow: 2px 2px #FF81FF !important;
text-align: center;
display: inline-block;
background: #FFA6DC !important;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01 !important;
padding: 0px;
border: 5px solid #FF007D !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
.rlw_button .ow-button-base a :hover { color: #FF4013 !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block */
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
.rlw_contactform {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #DEA629 !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
.rlw_contactform .sow-contact-form {
background-color: #FFECB4 !important;
border: 5px solid #DEA629 !important;
border-radius: 15px;
}
.rlw_contactform .sow-form-field .sow-text-field {
height: 50px;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
background: #E2FCFF;
color: #FF4013;
font-style: bold;
font-weight: 700;
font-size: 24px;
padding-left: 10px !important;
}
.rlw_contact .sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding: 30px 30px;
text-align: center !important;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #FFA6DC !important;
color: #FFFFFF !important;
font-weight: 900 !important;
font-size: 28px;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
font-weight: 900 !important;
text-shadow: 2px 2px #AD0B01 !important;
display: inline-block;
border: 5px solid #FF007D !important;
border-radius: 15px;
}
.rlw_contactform :focus-visible {
border: 5px solid red !important;
}
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
border: 3px solid #DEA629;
background-color: rgba(254, 107, 187, 60%);
border-radius: 15px;
padding: 15px;
margin-left: 300px;
margin-right: 300px;
margin-bottom: 50px; margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
/* Title Element */
.wp-paginate .title {
color: white;
text-shadow: 2px 2px #FF81FF !important;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #FF81FF !important;
text-shadow: 1px 1px red;
background: white !important;
border: 3px solid !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 24px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #FF81FF !important;
border: 3px solid #FFF373 !important;
color: white !important;
text-shadow: 2px 2px #FFF373 !important;
margin-right: 4px;
padding: 15px 15px;
font-size: 40px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #FF81FF;
border: 3px solid #AD0B01 !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 50px !important;
margin-right: 50px !important;
padding: 40px;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFA6DC;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: #FE6BBB !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFF3CD !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #FF007D;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
background-color: #FFF3CD !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 0px;
margin-left: -7px ;
margin-bottom: 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 22px !important;
margin-left: -30px;
margin-right: -50px;
margin-top: -5px;
margin-bottom: 40px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs 2 */
/* Start of SiteOrigin Tabs 2 */
/* Overall Tabs Container */
.rlw_tabs2 {
background-color: #FF81FF;
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 0px !important;
margin-right: 15px !important;
padding: 30px;
}
/* Tabs Container eliment */
.rlw_tabs2 .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs2 .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs2 .sow-tabs-tab {
cursor: pointer;
background-color: #F67270;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFF373;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: white !important;
}
/* Selected Tab eliment */
.rlw_tabs2 .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFFCF1 !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #AD0B01;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
#rlw_tabs2 .sow-tabs-panel-container {
background-color: #FFFCF1 !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #AD0B01 !important;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 50px !important;
margin-left: -10px !important;
margin-bottom: 0px !important;
padding: 15px 0px 0px 47px !important;
}
#rlw_tabs2 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 24px !important;
margin-left: -40px !important;
margin-right: 0px;
margin-top: -15px;
margin-bottom: 10px;
}
/* End of SiteOrigin Tabs 2 */
/* End of SiteOrigin Tabs 2 */
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 56px;
background-color: #FF81FF;
border: 2px solid #DEA629;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-right: 9px;
margin-top: 10px;
}
.wp-block-search__input {
background-color: #FFECB4 !important;
font-size: 20px;
height: 45px !important;
padding: 3px 3px 3px 3px !important;
margin-top: -32px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
}
.wp-block-search__button {
height:45px;
margin-top: -32px;
background-color: #DEA629 !important;
border: 2px solid #FFECB4 !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
color: white !important;
background-color: #FF4013 !important;
border: 20px solid yellow important;
}
.widget_search :focus-visible {
font-style: bold !important;
font-weight: 700;
border: 0px solid #FF007D !important;
border-radius: 10px;
color: #FF4013 !important;
padding-left: 10px !important;
}
.widget_search :focus {
color: blue;
border: 5px solid red !important;
}
/* End Search Block */
/* End Search Block */
.center2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
Information about the Brushed Metal theme is forth coming.
Click on the image to enlarge it.
Accordion
Button
Contact
Content
Functions
Misc
Tabs
/* Start of SiteOrigin Accordion */
.sow-accordion-title {
color: white;
font-size: 22px;
/* font-weight: bold; */
font-weight: 800;
}
.sow-accordion-panel-header {
position: relative;
cursor: pointer;
padding: 20px 20px 20px 20px;
/* background-color: transparent; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabHeader-BackgroundB.jpg");
border-style: solid;
border-color: #848789;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
}
.sow-accordion-panel-content {
/* background-color: transparent; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Accordion-ContentBackground2.jpg");
border-style: solid;
border-color: #F1E5AC;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
/* color: black; */
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
/* Entire Button Widget */
.ow-button-base {
.clearfix();
width: 350px;
text-align: center;
display: inline-block;
/* background: white; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/BurshedMetal-SearchBackground-Gold.jpg");
/* font: somefont; */
font-size: 20px;
font-weight: bold;
border: 2px solid #cd7f32;
border-radius: 15px;
margin: 0px;
}
/* Pushable Button */
.ow-button-base a {
.clearfix();
width: 250px;
line-height: 70px;
color: white;
text-align: center;
display: inline-block;
/* background: lightskyblue; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabBackground.jpg");
/* font: somefont; */
font-size: 20px;
font-weight: bold;
border: 2px solid #66ff00;
border-radius: 15px;
padding: 00px;
margin: 10px;
}
/* Entire widget on mouseover */
.ow-button-base:active, .ow-button-base:hover{
color: purple !important;
background-color: silver;
font-size: 20px;
font-weight: bold;
border: 2px solid #cd7f32;
}
/* Pushable button on mouseover */
.ow-button-hover:hover {
/* background: yellow; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabHoverBackground.jpg");
color: #66ff00;
padding: 0px;
border: 2px solid #de1738;
border-radius: 15px;
margin: 10px;
line-height: 70px;
}
/* Start of SiteOrigin Contact Form */
/* Overall Contact Form */
.sow-contact-form {
color: grey;
text-align: center;
/* background: lightskyblue; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/GreenMetaliacBackground-1024x576-1.jpg");
width: 1000px;
border: 3px solid #1e830c !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin: auto;
}
/* Height and Width of Text Entry Boxes */
.sow-form-field .sow-text-field {
height: 50px;
max-width: 1100px;
}
/* Height and width of Text Fields */
.sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #1e830c;
padding: 10px;
background: white;
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Contacts_BrushedMetal.jpg") !important;
color: black;
font-size: 24px;
}
.sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.sow-submit-styled {
/* background: blue; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/BurshedMetal-SearchBackground-Gold.jpg") !important;
border: 3px solid #cd7f32;
border-radius: 15px;
padding: 30px 30px;
display: inline-block;
}
/* Text for Submit Button */
.sow-submit {
/* background: lightgreen !important; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabBackground.jpg") !important;
color: white !important;
font-weight: 700 !important;
font-size: 22px;
display: inline-block;
border: 3px solid #66ff00 !important;
}
/* Submit Button Mouse Over */
.sow-submit:hover {
/* background: #de1738 !important; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabHoverBackground.jpg") !important;
color: white !important;
font-weight: 700 !important;
font-size: 22px;
display: inline-block;
border: 3px solid #de1738 !important;
}
:focus-visible {
border: 5px solid #FFD700 !important;
}
.sow-contact-form .sow-error {
text-align: center;
width: 800px;
/* background: white !important; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Contacts_BrushedMetal-Error3.jpg") !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
<?php if (! is_singular() && get_the_excerpt()) {
the_content(false);
?>
<p class="tck-readmore"><a href="<?php echo get_permalink(); ?>"><?php _e( '', 'rlw_brushedmetal' ) ?></a></p>
<br>
<div class="img-container"> <!-- Block parent element -->
<img src="<?php print(get_template_directory_uri()); ?>/images/custom/EndOfPost.gif" />
</div>
<br>
<br>
<?php
} else {
the_content();
}
?>
For Page Navigation
// Previous/next page navigation.
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'rlw_brushedmetal'),
'next_text' => __( 'Next page', 'rlw_brushedmetal'),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'rlw_brushedmetal') . ' </span>',
'add_fragment' => ( ', ' ),
'mid_size' => 1,
'after_page_number' => ( ', ' ),
) );
?>
</div>
<?php if (! is_singular()) { ?>
</div>
<?php } ?>
function html5_search_form( $form ) {
$form = '<section class="search"><form role="search" method="get" id="search-form" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __('', 'domain') . '</label>
<input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Go', 'domain') .'" />
</form></section>';
return $form;
}
add_filter( 'get_search_form', 'html5_search_form' );
.widget_search {
position:relative;
background: gold;
height:40px;
width:314px;
border-radius: 10px;
}
.widget_search #s {
position:absolute;
top:3px;
left:3px;
width:308px;
height:34px;
background: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/BrushedMetal-SearchBackground.gif") top left no-repeat;
color: black;
font-size: 22px;
border-radius: 10px;
}
.widget_search #searchsubmit {
position:absolute;
top:0px;
left:320px;
width:40px;
height:40px;
background: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/MagGlass-Blue.png") top left no-repeat;
border: none;
color: transparent;
font-size: 22px;
font-weight: bold;
}
.widget_search #searchsubmit:hover {
background: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/MagGlass-Green.png") top left no-repeat;
border: none;
}
.page .entry-title {
display: none;
}
/* Start of SiteOrigin Tabs */
.sow-tabs {
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: transparent;
border-color: transparent;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab-container {
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabHeader-BackgroundB.jpg");
border-style: solid;
border-color: #03bf00;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-title {
font-family: Abel;
font-size: 25px;
font-weight: bold;
align-items: center;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab {
cursor: pointer;
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabBackground.jpg");
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: darkgreen;
font-family: Abel;
transition: all 0.3s;
border-style: solid;
border-color: #28FF23;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-tab.sow-tabs-tab-selected {
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabActiveBackground3.jpg");
color: white;
border-style: solid;
border-color: blue;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab:hover {
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabHoverBackground.jpg");
color: white;
border-style: solid;
border-color: white;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-panel {
padding: 0px 0px 0px 0px;
}
.sow-tabs-panel-container {
position: relative;
background-color: transparent;
color: yellow;
border-style: solid;
border-width: 5px 5px 5px 5px;
border-color: #8CFF23;
border-radius: 0px 10px 10px 10px;
width: 99%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.so-widget-sow-tabs-default-902ae3222cc9-90 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel .sow-tabs-panel-content {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 100px;
}
My Christmas 2021 theme is a work in progress but nearly done. You can see my progress at testme.thewaldrips.net .
Click on the image to enlarge it.
Accordion
Button
By Device
Contact
Content
Functions
Misc
Tabs
Working
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
/* Accordion container */
.rlw_accordion {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Anim-CandyStrip-Large.gif");
/* border: 3px solid purple; */
border-radius: 15px;
padding: 10px;
}
/* Accordion title element */
.rlw_accordion .widget-title {
color: blue;
font-size: 18px;
background: transparent;
}
/* Accordion Panel Title */
.rlw_accordion .sow-accordion-panel-header {
color: #c19405;
font-size: 28px;
font-weight: 560;
text-shadow: 2px 2px black !important;
background-color: #6a98a7 !important;
border: 4px solid #c19405 !important;
border-top-width: 2px;
border-bottom-width: 2px;
padding: 8px 10px 8px 10px !important;
}
/* Accordion Panel Content */
.rlw_accordion .sow-accordion-panel-content {
color: black;
background: #acdfec !important;
border: 3px solid #e9c33e;
border-top-width: 0px;
border-radius: 0px 0px 10px 10px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 3px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom: 10px;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/* Start of SiteOrigin Button */
/* Start of SiteOrigin Button */
.rlw_button {
/* border: 10px solid red !important; */
height: 70px;
width: 220px;
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Anim-CandyStrip-Small.gif");
border-radius: 15px;
padding-top: 10px;
padding-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
margin-left: auto;
margin-right: auto;
}
/* Button regular state */
.rlw_button .ow-button-base a {
color: #c19405 !important;
font-weight: 700;
text-shadow: 2px 2px black !important;
background-color: #6a98a7 !important;
border: 3px solid #c19405 !important;
border-radius: 15px !important;
}
/* Button hoover */
.rlw_button .ow-button-base a.ow-button-hover:hover {
color: red !important;
text-shadow: 2px 2px white !important;
background-color: #c19405 !important;
border: 3px solid red !important;
}
/* End of SiteOrigin Button */
/* End of SiteOrigin Button */
Desktop
Phone: Landscape
Phone: Portrait
Tablet: Landscape
Tablet: Portrait
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: 0px !important;
}
/* Moves teh search field up */
.wp-block-search .wp-block-search__input {
margin-top: 1px !important;
}
#non-dt-menu-1 ul.menu > li.current-menu-item > a {
color: yellow;
font-weight: bold;
/* text-decoration: underline; */
font-size: 34px;
text-shadow: 0px 0px transparent !important;
line-height: 38px;
}
#non-dt-menu-1 ul.menu > li > a{
display: block;
color: #0042AA;
font-size: 28px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 ul.menu li li a {
display: block;
color: #0042AA;
font-size: 28px;
margin-left: 50px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block;
font-size: 50px !important;
text-align: center;
color: red !important;
width: 20px;
height:22px;
margin-right: 10px;
background-color: transparent;
float: right;
}
/* Start Search modifications for Mobile devices */
/* Start Search modifications for Mobile devices */
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -22px !important;
}
/* Moves teh search field up */
.wp-block-search .wp-block-search__input {
margin-top: -22px !important;
}
/* End Search modifications for Mobile devices */
/* End Search modifications for Mobile devices */
#non-dt-menu-1 ul.menu > li.current-menu-item > a {
color: yellow;
font-weight: bold;
/* text-decoration: underline; */
font-size: 34px;
text-shadow: 0px 0px transparent !important;
line-height: 38px;
}
#non-dt-menu-1 ul.menu > li > a{
display: block;
color: #0042AA;
font-size: 28px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 ul.menu li li a {
display: block;
color: #0042AA;
font-size: 28px;
margin-left: 50px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block;
font-size: 50px !important;
text-align: center;
color: red !important;
width: 20px;
height:22px;
margin-right: 10px;
background-color: transparent;
float: right;
}
/* Start Search modifications for Mobile devices */
/* Start Search modifications for Mobile devices */
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -22px !important;
}
/* Moves teh search field up */
.wp-block-search .wp-block-search__input {
margin-top: -22px !important;
}
/* End Search modifications for Mobile devices */
/* End Search modifications for Mobile devices */
#non-dt-menu-1 ul.menu > li.current-menu-item > a {
color: yellow;
font-weight: bold;
/* text-decoration: underline; */
font-size: 34px;
text-shadow: 0px 0px transparent !important;
line-height: 38px;
}
#non-dt-menu-1 ul.menu > li > a{
display: block;
color: #0042AA;
font-size: 28px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 ul.menu li li a {
display: block;
color: #0042AA;
font-size: 28px;
margin-left: 50px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block;
font-size: 50px !important;
text-align: center;
color: yellow !important;
width: 20px;
height:22px;
margin-right: 10px;
background-color: transparent;
float: right;
}
/* Start Search modifications for Mobile devices */
/* Start Search modifications for Mobile devices */
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -22px !important;
}
/* Moves teh search field up */
.wp-block-search .wp-block-search__input {
margin-top: -22px !important;
}
/* End Search modifications for Mobile devices */
/* End Search modifications for Mobile devices */
#non-dt-menu-1 ul.menu > li.current-menu-item > a {
color: yellow;
font-weight: bold;
/* text-decoration: underline; */
font-size: 34px;
text-shadow: 0px 0px transparent !important;
line-height: 38px;
}
#non-dt-menu-1 ul.menu > li > a{
display: block;
color: #0042AA;
font-size: 28px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 ul.menu li li a {
display: block;
color: #0042AA;
font-size: 28px;
margin-left: 50px;
text-shadow: 2px 2px white !important;
line-height: 34px;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block;
font-size: 50px !important;
text-align: center;
color: yellow !important;
width: 20px;
height:22px;
margin-right: 10px;
background-color: transparent;
float: right;
}
/* Start Search modifications for Mobile devices */
/* Start Search modifications for Mobile devices */
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -22px !important;
}
/* Moves teh search field up */
.wp-block-search .wp-block-search__input {
margin-top: -22px !important;
}
/* End Search modifications for Mobile devices */
/* End Search modifications for Mobile devices */
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
/* Contact Form container */
.rlw_contactform {
background-color: transparent !important;
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Anim-CandyStrip-Large.gif");
border-radius: 15px;
padding: 20px;
}
/* Contact Form background */
.rlw_contactform .sow-contact-form {
background-color: #6a98a7;
border-radius: 15px;
}
/* Contact Form Field Label */
.rlw_contactform .sow-form-field label {
color: #c19405;
text-shadow: 2px 2px black !important;
}
/* Contact Form Input Fields */
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
color: black;
background: white;
}
/* Contact Form Field Descriptions */
.rlw_contactform .sow-form-field .sow-form-field-description {
color: lightblue !important;
text-shadow: 1px 1px black !important;
padding-left: 30px;
/* visibility: hidden; */
}
/* Contact Form Button line */
.rlw_contactform .sow-submit-styled {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/YellowPulsating.gif");
/* background: red; */
text-align: center !important;
height: 90px;
width: 250px;
margin-left: auto;
margin-right: auto;
display: block;
display: flex;
align-items: center;
justify-content: center;
border-radius: 15px;
}
/* Contact Form Submit Button */
.rlw_contactform .sow-submit-styled .sow-submit {
color: #c19405 !important;
font-size: 22px;
font-weight: 700;
text-shadow: 2px 2px black !important;
height: 70px;
width: 220px;
background: #6a98a7 !important;
border: 3px solid #c19405 !important
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background:#c19405 !important;
color: red !important;
text-shadow: 2px 2px white !important;
font-weight: 700 !important;
font-size: 22px;
display: inline-block;
border: 3px solid red !important;
border-radius: 15px;
}
/* End of SiteOrigin Contact Form*/
/* End of SiteOrigin Contact Form*/
<?php
/**
* Theme made with Template Creator CK - https://www.template-creator.com
* @copyright Template Creator CK
* */
// No direct access to this file
defined('ABSPATH') or die;
?>
<?php dynamic_sidebar( 'message' ); ?>
<?php if ( have_posts() ) : ?>
<?php if (! is_singular()) { ?>
<div class="tck-blog">
<?php } ?>
<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('tck-article'); ?>>
<header>
<?php if ( is_singular() ) :
the_title( '<h1 class="entry-title tck-article-title">', '</h1>' );
else :
the_title( '<h2 class="entry-title tck-article-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
endif;
?>
</header>
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
?>
<?php if (! is_singular() && get_the_excerpt()) {
the_content(false);
?>
<p class="tck-readmore"><a href="<?php echo get_permalink(); ?>"><?php _e( '', 'rlw_seasongreetings2021' ) ?></a></p>
<br>
<div class="img-container"> <!-- Block parent element -->
<img src="<?php print(get_template_directory_uri()); ?>/images/custom/EndOfPost.gif" />
</div>
<br>
<br>
<?php
} else {
the_content();
}
?>
<?php wp_link_pages( array(
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'rlw_seasongreetings2021' ) . '</span>',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'rlw_seasongreetings2021' ) . ' </span>%',
'separator' => '<span class="screen-reader-text">, </span>',
) );
?>
</article>
<?php if (theme_rlwseasongreetings2021_options('comments', '1')) {
comments_template();
} ?>
<?php endwhile; ?>
<div class="tck-pagination">
<?php
// Previous/next page navigation.
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'rlw_seasongreetings2021' ),
'next_text' => __( 'Next page', 'rlw_seasongreetings2021' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'rlw_seasongreetings2021' ) . ' </span>',
) );
?>
</div>
<?php if (! is_singular()) { ?>
</div>
<?php } ?>
<?php endif; ?>
/* The following is needed to allow SiteOrigin Page Builder and Theme Creator CK to work together. */
/* Append "///" to the beginning of the line "add_action( 'tiny_mce_before_init', 'theme_rlwseasongreetings2021_tiny_mce_before_init' );" */
/* Add to the end of the functions.php file */
/* Add to the end of the functions.php file */
function html5_search_form( $form ) {
$form = '<section class="search"><form role="search" method="get" id="Search for what?" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __('', 'domain') . '</label>
<input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Search Me', 'domain') .'" />
</form></section>';
return $form;
}
add_filter( 'get_search_form', 'html5_search_form' );
function crunchify_previous_next_post_navigation(){
?>
<div class="arrowNav">
<div class="arrowLeft">
<?php previous_post_link('%link', '↞', FALSE); ?>
</div>
<div class="arrowRight">
<?php next_post_link('%link', '↠', FALSE); ?>
</div>
</div>
<?php
}
add_action('wp_footer', 'crunchify_previous_next_post_navigation');
/* Start Search Block */
/* Start Search Block */
/* Search Container */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 44px;
background-color: #A0DDED;
border: 2px solid #3f7080;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-right: 9px;
margin-top: 10px;
}
/* User Text input box eliment */
.wp-block-search__input {
background-color: #FDFDFD !important;
font-size: 20px;
height: 45px !important;
padding: 3px 3px 3px 3px !important;
margin-top: 0px;
border: 3px solid #3f7080 !important;
border-radius: 10px;
}
/* Search Button normal state */
.wp-block-search .wp-block-search__button {
background-color: #AEDBF0 !important;
color: white;
font-weight: 700;
font-size: 16px;
text-shadow: 1px 1px #3f7080 !important;
border: 3px solid #3f7080 !important;
border-radius: 10px;
padding-top: 0px !important;
padding-bottom: 0px;
}
/* Search Button hoover state */
.wp-block-search .wp-block-search__button:hover {
background-color: red !important;
border: 20px solid yellow important;
}
/* What happens when user clicks in */
.widget_search :focus-visible {
font-style: bold !important;
border: 0px solid #FF007D !important;
border-radius: 10px;
color: blue;
}
/* What happens when user clicks in */
.widget_search :focus {
color: blue;
border: 3px solid blue !important;
}
/* End Search Block */
/* End Search Block */
/* Start of CSS for the Page Date formating */
/* Start of CSS for the Page Date formating */
.center2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
/* End of CSS for the Page Date formating */
/* End of CSS for the Page Date formating */
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
/* Tabs container */
.rlw_tabs {
/* border: 5px solid red !important; */
background-color: lightgreen;
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Anim-CandyStrip-Large.gif") !important;
border-radius: 15px;
padding: 10px;
}
/* Tabs Title eliment */
.rlw_tabs .widget-title {
/* background: white !important; */
/* color: white !important; */
}
/* Tabs regular state */
.rlw_tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab {
color: #c19405;
text-shadow: 1px 1px black;
background: #6a98a7;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
padding-left: 10px;
padding-right: 10px;
border-top: 3px solid #c19405;
border-right: 3px solid #c19405;
border-left: 3px solid #c19405;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
margin-top: -15px;
}
/* selected Tab */
.rlw_tabs .sow-tabs-tab-selected {
color: white !important;
text-shadow: 2px 2px green !important;
background: #c19405 !important;
/* border-color: #6a98a7; */
border-top: 3px solid #6a98a7 !important;
border-right: 3px solid #6a98a7 !important;
border-left: 3px solid #6a98a7 !important;
}
/* Tab hoover */
.rlw_tabs .sow-tabs .sow-tabs-tab-container .sow-tabs-tab:hover {
color: white;
text-shadow: 1px px black !important;
background: red !important;
border-top: 3px solid green !important;
border-right: 3px solid green !important;
border-left: 3px solid green !important;
}
/* Tabs Container Panel */
.rlw_tabs .sow-tabs-panel-container {
/* color: red !important; */
background: #acdfec;
border: 3px solid #e9c33e;
border-radius: 15px;
}
/* Tabs Container Content eliment */
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
color: black;
font-size: 22px !important;
margin-left: -30px;
margin-top: -30px;
margin-right: -25px;
margin-bottom: -20px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
/* DT Menu Border Image start*/
/* DT Menu Border Image start*/
/* #dt-widget-block > .inner { */
#dt-menu-1 > .inner {
border-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/12/WhitePoinsettaBorder.png") 60 60 round;
border-image-slice: 22%;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
border-top: 60px solid transparent;
border-bottom: 60px solid transparent;
-moz-border-radius: 0px;
-o-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-border-radius: 0px 0px 25px 25px;
-o-border-radius: 0px 0px 25px 25px;
-webkit-border-radius: 0px 0px 25px 25px;
border-radius: 0px 0px 25px 25px;
padding-bottom: 0px
}
/* DT Menu Border Image end*/
/* DT Menu Border Image end*/
/* Start of DT Menu */
/* Start of DT Menu */
ul.menu {
}
ul.menu li {
}
#dt-menu-1 ul.menu > li > a, #dt-menu-1 ul.menu > li > span.separator, #dt-menu-1 ul.nav > li > a, #dt-menu-1 ul.nav > li > span.separator, #dt-menu-1 ul.maximenuck > li > a, #dt-menu-1 ul.maximenuck > li > span.separator {
display: block;
color: yellow;
font-size: 18px;
font-weight: 900;
font-style: bold;
width: 170px;
height: 40px;
background-size: 100%;
padding: 40px 0;
}
#dt-menu-1 ul.menu > li.active > a, #dt-menu-1 ul.menu > li.active > span.separator, #dt-menu-1 ul.maximenuck > li.active > a, #dt-menu-1 ul.maximenuck > li.active > span.separator, #dt-menu-1 ul.menu > li.current-menu-item > a, #dt-menu-1 ul.menu > li.current-menu-item > span, #dt-menu-1 ul.menu > li.current-menu-ancestor > a, #dt-menu-1 ul.menu > li.current-menu-ancestor > span {
font-size: 22px;
font-weight: 900;
color: red;
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Yellow-Solid.png") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#dt-menu-1 ul.menu > li:hover > a, #dt-menu-1 ul.menu > li:hover > span.separator, #dt-menu-1 ul.menu > li:focus > a, #dt-menu-1 ul.menu > li:focus > span.separator, #dt-menu-1 ul.nav > li:hover > a, #dt-menu-1 ul.nav > li:hover > span.separator, #dt-menu-1 ul.nav > li:focus > a, #dt-menu-1 ul.nav > li:focus > span.separator, #dt-menu-1 ul.maximenuck > li:hover > a, #dt-menu-1 ul.maximenuck > li:hover > span.separator, #dt-menu-1 ul.maximenuck > li:focus > a, #dt-menu-1 ul.maximenuck > li:focus > span.separator {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Red-Solid.png") !important;
color: white !important;
font-weight: 900;
font-size: 22px;
background-size: 100%;
}
/* End of DT Menu */
/* End of DT Menu */
/* Start of Special Image Assignments for Menus */
/* Start of Special Image Assignments for Menus */
#menu-item-458 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Red-03.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-124 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Purple1-03.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-123 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Blue-02.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-122 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Purple2-03.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-121 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Blue-03.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-120 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Purple1-02.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-119 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Green-03.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-118 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Red-02.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
#menu-item-117 {
background-image: url("https://www.thewaldrips.net/wp-content/uploads/2021/12/Bulb-Orange-03.gif") !important;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
}
/* End of Special Image Assignments for Menus */
/* End of Special Image Assignments for Menus */
Still a work in progress but here is my Patriotic Theme.
Click on the image to enlarge it.
Accordion
Button
Contact
Content
Functions
Misc
Tabs
/** Accordion Start **/
.sow-accordion-title {
color: gold;
font-weight: 900 !important;
font-size: 34px !important;
text-shadow: 3px 3px blue;
/* font-weight: bold; */
}
.sow-accordion-panel-header {
position: relative;
cursor: pointer;
height: 60px;
padding: 20px 20px 0px 46px !important;
/* background-color: transparent; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/IndependenceDay_HorizontalLine5.png");
border-style: solid;
border-color: gold;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
}
.sow-accordion-panel-content {
/* background-color: transparent; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/AccordionPanelBackground02.jpg");
background-position: center top;
border-style: solid;
border-color: gold;
border-width: 0px 4px 4px 4px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
/* color: black; */
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
/* Entire Button Widget */
.ow-button-base {
.clearfix();
width: 350px;
text-align: center;
display: inline-block;
/* background: white; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/ButtonBackground09.jpg");
/* font: somefont; */
font-size: 24px;
font-weight: 900;
border: 2px solid red;
border-radius: 15px;
margin: 0px;
}
/* Pushable Button */
.ow-button-base a {
.clearfix();
width: 250px;
line-height: 70px;
color: white;
font-weight: 900 !important;
text-align: center;
display: inline-block;
background: blue;
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/FieldOfStars12.jpg");
/* font: somefont; */
font-size: 24px;
font-weight: bold;
border: 2px solid gold;
border-radius: 15px;
padding: 00px;
margin: 10px;
}
/* Entire widget on mouseover */
.ow-button-base:active, .ow-button-base:hover{
/* color: purple !important; */
/* background-color: silver; */
font-size: 24px;
font-weight: bold;
border: 2px solid #cd7f32;
}
/* Pushable button on mouseover */
.ow-button-hover:hover {
/* background: yellow; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/FieldOfStars13.jpg");
color: orange;
font-size: 24px;
font-weight: bold;
padding: 0px;
border: 2px solid gold;
border-radius: 15px;
margin: 10px;
line-height: 70px;
}
/* Start of SiteOrigin Contact Form */
/* Overall Contact Form */
.sow-contact-form {
color: grey;
text-align: center;
/* background: lightskyblue; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/GrungeFlag01.jpg");
width: 1000px;
border: 5px solid red !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin: auto;
}
/* Height and Width of Text Entry Boxes */
.sow-form-field .sow-text-field {
height: 50px;
max-width: 1100px;
}
/* Height and width of Text Fields */
.sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid gold;
padding: 10px;
background: white;
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/FieldOfStars07.jpg") !important;
color: yellow;
font-size: 24px;
font-weight: bold;
}
.sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.sow-submit-styled {
/* background: blue; */
width: 300px;
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/ButtonBackground09.jpg") !important;
border: 3px solid gold;
border-radius: 15px;
padding: 20px 30px;
display: inline-block;
}
/* Text for Submit Button */
.sow-submit {
/* background: lightgreen !important; */
width: 250px;
height: 70px;
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/FieldOfStars12.jpg") !important;
color: white !important;
font-weight: 900 !important;
font-size: 26px !important;
text-shadow: 3px 3px red;
display: inline-block;
border: 3px solid gold !important;
}
/* Submit Button Mouse Over */
.sow-submit:hover {
/* background: #de1738 !important; */
width: 250px;
height: 70px;
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/FieldOfStars13.jpg") !important;
color: gold !important;
font-weight: 900 !important;
font-size: 26px !important;
text-shadow: 3px 3px blue;
display: inline-block;
border: 3px solid gold !important;
}
<?php if (! is_singular() && get_the_excerpt()) {
the_content(false);
?>
<p class="tck-readmore"><a href="<?php echo get_permalink(); ?>"><?php _e( '', 'rlw_independenceday'' ) ?></a></p>
<br>
<div class="img-container"> <!-- Block parent element -->
<img src="<?php print(get_template_directory_uri()); ?>/images/custom/EndOfPost.gif" />
</div>
<br>
<br>
<?php
} else {
the_content();
}
?>
//For Page Navigation
// Previous/next page navigation.
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'rlw_independenceday'' ),
'next_text' => __( 'Next page', 'rlw_independenceday'' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'rlw_independenceday' ) . ' </span>',
'add_fragment' => ( ', ' ),
'mid_size' => 1,
'after_page_number' => ( ', ' ),
) );
?>
</div>
<?php if (! is_singular()) { ?>
</div>
<?php } ?>
function html5_search_form( $form ) {
$form = '<section class="search"><form role="search" method="get" id="search-form" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __('', 'domain') . '</label>
<input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Go', 'domain') .'" />
</form></section>';
return $form;
}
add_filter( 'get_search_form', 'html5_search_form' );
.widget_search {
position:relative;
background: gold;
height:40px;
width:314px;
border-radius: 10px;
}
.widget_search #s {
position:absolute;
top:3px;
left:3px;
width:308px;
height:34px;
background: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/BrushedMetal-SearchBackground.gif") top left no-repeat;
color: black;
font-size: 22px;
border-radius: 10px;
}
.widget_search #searchsubmit {
position:absolute;
top:0px;
left:320px;
width:40px;
height:40px;
background: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/MagGlass-Blue.png") top left no-repeat;
border: none;
color: transparent;
font-size: 22px;
font-weight: bold;
}
.widget_search #searchsubmit:hover {
background: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/MagGlass-Green.png") top left no-repeat;
border: none;
}
.page .entry-title {
display: none;
}
/*** Start of SiteOrigin Tabs ***/
.sow-tabs {
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: transparent;
border-color: transparent;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab-container {
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/IndependenceDay_HorizontalLine5.png");
border-style: solid;
border-color: blue;
border-width: 3px 3px 3x 3px;
border-radius: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-title {
font-family: Abel;
font-size: 25px;
font-weight: 900;
align-items: center;
background-color: transparent;
padding: 15px 15px 15px 15px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab {
cursor: pointer;
/* background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/FieldOfStars10.jpg"); */
background: lightblue;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: blue;
text-shadow: 2px 2px white;
font-weight: 900 !important;
font-family: Abel;
transition: all 0.3s;
border-style: solid;
border-color: blue;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-tab.sow-tabs-tab-selected {
/* background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/FieldOfStars12.jpg"); */
background: white;
color: blue;
text-shadow: 2px 2px lightblue;
font-weight: 900 !important;
border-style: solid;
border-color: blue;
border-width: 3px 3px px 3px;
border-radius: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab:hover {
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/SiteOrigin-Tabs-TabHoverBackground.jpg");
color: white;
text-shadow: 1px 1px gold;
font-weight: 900 !important;
border-style: solid;
border-color: white;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-panel {
padding: 0px 0px 0px 0px;
}
.sow-tabs-panel-container {
position: relative;
/* background-color: transparent; */
background-image: url("http://testme.thewaldrips.net/wp-content/uploads/2021/06/TabsContentBackground02.jpg");
background-position: center top;
/* color: yellow; */
border-style: solid;
border-width: 0px 5px 5px 5px;
border-color: blue red red red ;
border-radius: 0px 0px 10px 10px;
/* width: 99%; */
padding: 0px 0px 0px 0px;
margin: 0px 15px 0px 15px;
}
.so-widget-sow-tabs-default-902ae3222cc9-90 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel .sow-tabs-panel-content {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 100px;
}
.sow-tabs-panel-container .sow-tabs-panel .sow-tabs-panel-content {
font-size: 24px !important;
}
This theme is incredibly busy and difficult for visitors to use. Besides the rotating tire and the two animated graphics to each side of it, the checkered flag background is also animated. Actually, it is the background that makes the theme difficult to view. I also have a car which drives across the screen (it can be seen in the picture below) and an animated horizontal line that I use as spacers and to differentiate each post on the blogs page. The horizontal lines are not visible in the blow picture.
Click on the image to enlarge it.
My Season Greetings 2021 theme is nearly complete.
Click on the image to enlarge it.
Accordion
Button
By Device
Contact
Content
Functions
Misc
Tabs
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.sow-accordion-title {
color: #0042AA;
font-weight: bold;
font-size: 22px;
}
.sow-accordion-panel-header {
position: relative;
cursor: pointer;
padding: 20px 20px 20px 10px;
background-color: #85ECFF !important;
border-style: solid;
border-color: #0042AA;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
}
.sow-accordion-panel-content {
font-size: 24px;
background-color: #BFEFFF;
border-style: solid;
border-color: #0042AA;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
/* End of Accordion Block */
/* End of Accordion Block */
/* Start Button Block */
/* Entire Button Widget */
.ow-button-base {
.clearfix();
width: 300px;
line-height: 50px !important;
text-align: center;
display: inline-block;
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
}
/* Pushable Button */
.ow-button-base a {
.clearfix();
width: 250px;
font-size: 26px !important;
font-weight: bold !important;
line-height: 50px !important;
color: #0042AA !important;
text-align: center;
display: inline-block;
background: #E6bE8A !important;
font-size: 20px;
font-weight: bold;
border: 5px solid #0042AA !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.ow-button-hover:hover {
background: #FF5252 !important;
color: yellow !important;
padding: 0px;
border: 5px solid #E6bE8A !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
/* End of Button Block */
/* End of Button Block */
Desktop
Phone: Landscape
Phone: Portrait
Tablet: Landscape
Tablet: Portrait
body { background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/SeasonsGreetings2-B.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100%;
}
/* Seasons Greetings Post CSS Markup Computer */
.panel-row-style .jesusbirth {
background-image: url("http:www.thewaldrips.net/wp-content/uploads/2021/12/Tabs-Background-SnowFlake2-SeasonGreeting2021-scaled.jpg");
border: 8px solid #E6bE8A;
border-radius: 10px;
margin: 20px;
padding: 10px;
margin-top: -24px;
}
.panel-widget-style .textpre {
background-color: #BFEFFF;
border: 5px solid #0042AA;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.articlebox {
background-color: #85ECFF;
border: 5px solid #0042AA;
border-radius: 20px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .titlebox {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .predicted {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .fulfilled {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .description {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.blankme {
border: 0px solid transparent !important;
}
/* Seasons Greetings Post CSS Markup Computer */
/* Paginate for Desktop computer */
.wp-paginate .title {
color: white!important;
margin-right: 20px;
margin-left: 40px;
font-size: 30px;
font-weight: bold;
}
.wp-paginate a {
color: #0042AA !important;
background: #EAE0C8 !important;
border: 3px solid #E6bE8A !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 30px;
}
.wp-paginate .current {
background: #ddd;
border: 3px solid #E6bE8A !important;
color: white !important;
margin-right: 4px;
padding: 15px 15px;
font-size: 34px;
font-weight: bold;
margin-right: 6px;
}
.wp-paginate {
border: 5px solid #6BA7CC;
background-color: #85ECFF;
border-radius: 15px;
padding: 15px;
margin-left: 140px;
margin-right: 140px;
margin-bottom: 50px;
}
.wp-paginate a:hover, .wp-paginate a:active {
background: red !important;
color: white !important;
border: 3px solid yellow !important;
}
/* End of Paginate */
/* End of Paginate */
body {
background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/SeasonGreeting2021-MobileBackground-PL.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100%;
background-color: transparent;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block;
font-size: 50px !important;
text-align: center;
color: red !important;
width: 20px;
height:22px;
margin-right: 10px;
background-color: transparent;
float: right;
}
/* Season Greetings 2021 Special blog post*/
.panel-row-style .jesusbirth {
background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/Tabs-Background-SnowFlake2-SeasonGreeting2021-scaled.jpg");
border: 3px solid #E6bE8A;
border-radius: 10px;
margin-left: -50px;
margin-right: -50px;
margin-top: 40px;
padding: 0px;
}
.panel-widget-style .textpre {
background-color: #BFEFFF;
border: 5px solid #0042AA;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.articlebox {
background-color: #85ECFF;
border: 5px solid #0042AA;
border-radius: 20px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .titlebox {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .predicted {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .fulfilled {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .description {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.blankme {
border: 0px solid transparent !important;
}
.post {
margin-top: 0px;
background-color: #BFEFFF;
border: 0px solid #E6bE8A;
border-radius: 0px;
padding-top: 0px;
padding-left: 0px;
}
h2, div.contentheading {
font-weight: bold;
line-height: 0px;
font-size: 36px;
height: 0px;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
border-bottom-color: #E6bE8A !important;
border-bottom: 0px;
border-style: solid;
border-radius: 0px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}
/* Seasons Greetings 2021 Special blog post */
/* Pagination for Mobile */
.wp-paginate .title {
color: red !important;
padding-right: 5px;
margin-right: 0px;
margin-left: 0px;
font-size: 18px;
}
.wp-paginate a {
color: #0042AA !important;
background: #EAE0C8 !important;
border: 3px solid #E6bE8A !important;
margin-right: 0px;
padding: 5px 5px 5px 5px;
text-align: center;
text-decoration: none;
font-size: 20px;
}
.wp-paginate .current {
background: #ddd;
border: 3px solid #E6bE8A !important;
color: white !important;
margin-right: 0px;
padding: 8px 8px 10px 8px;
font-size: 23px;
}
.wp-paginate {
border: 3px solid #6BA7CC;
background-color: #85ECFF;
border-radius: 15px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 50px;
}
.wp-paginate a:hover, .wp-paginate a:active {
background: red !important;
color: white !important;
border: 3px solid yellow !important;
}
/* End of Pagination for Mobile */
/* End of Pagination for Mobile */
/* Start of Popups - WordPress Popup */
/* Start of Popups - WordPress Popup */
.spu-box p {
font-size: 19px;
line-height: 19px;
}
.spu-box h4 {
font-size: 30px;
line-height: 12px;
}
.spu-box {
padding: 5px !important;
}
/* End of Popups - WordPress Popup */
/* End of Popups - WordPress Popup */
body {
background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/SeasonGreeting2021-MobileBackground-PP.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100%;
background-color: transparent;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block;
font-size: 50px !important;
text-align: center;
color: red !important;
width: 20px;
height:22px;
margin-right: 10px;
background-color: transparent;
float: right;
}
/* Season Greetings 2021 Special blog post*/
.panel-row-style .jesusbirth {
background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/Tabs-Background-SnowFlake2-SeasonGreeting2021-scaled.jpg");
border: 3px solid #E6bE8A;
border-radius: 10px;
margin-left: -50px;
margin-right: -50px;
margin-top: 40px;
padding: 0px;
}
.panel-widget-style .textpre {
background-color: #BFEFFF;
border: 5px solid #0042AA;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.articlebox {
background-color: #85ECFF;
border: 5px solid #0042AA;
border-radius: 20px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .titlebox {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .predicted {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .fulfilled {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .description {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.blankme {
border: 0px solid transparent !important;
}
.post {
margin-top: 0px;
background-color: #BFEFFF;
border: 0px solid #E6bE8A;
border-radius: 0px;
padding-top: 0px;
padding-left: 0px;
}
h2, div.contentheading {
font-weight: bold;
line-height: 0px;
font-size: 36px;
height: 0px;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
border-bottom-color: #E6bE8A !important;
border-bottom: 0px;
border-style: solid;
border-radius: 0px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}
/* Seasons Greetings 2021 Special blog post */
/* Pagination for Mobile */
.wp-paginate .title {
color: red !important;
padding-right: 5px;
margin-right: 0px;
margin-left: 0px;
font-size: 18px;
}
.wp-paginate a {
color: #0042AA !important;
background: #EAE0C8 !important;
border: 3px solid #E6bE8A !important;
margin-right: 0px;
padding: 5px 5px 5px 5px;
text-align: center;
text-decoration: none;
font-size: 20px;
}
.wp-paginate .current {
background: #ddd;
border: 3px solid #E6bE8A !important;
color: white !important;
margin-right: 0px;
padding: 8px 8px 10px 8px;
font-size: 23px;
}
.wp-paginate {
border: 3px solid #6BA7CC;
background-color: #85ECFF;
border-radius: 15px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 50px;
}
.wp-paginate a:hover, .wp-paginate a:active {
background: red !important;
color: white !important;
border: 3px solid yellow !important;
}
/* End of Pagination for Mobile */
/* End of Pagination for Mobile */
/* Popups - WordPress Popup */
/* Popups - WordPress Popup */
.spu-box p {
font-size: 19px;
line-height: 19px;
}
.spu-box h4 {
font-size: 30px;
line-height: 12px;
}
.spu-box {
padding: 5px !important;
}
/* End of Popups - WordPress Popup */
/* End of Popups - WordPress Popup */
body {
background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/SeasonsGreetings2-B-TL.jpg");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100%;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block !important; font-size: 60px !important;
text-align: right !important;
padding: 10px !important;
color: yellow !important;
text-align: right !important;
width: 36px;
height:36px;
background-color: transparent;
float: right;
}
/* Seasons Greetings Post CSS Markup Computer */
.panel-row-style .jesusbirth {
background-image: url("http:www.thewaldrips.net/wp-content/uploads/2021/12/Tabs-Background-SnowFlake2-SeasonGreeting2021-scaled.jpg");
border: 8px solid #E6bE8A;
border-radius: 10px;
margin: 20px;
padding: 10px;
margin-top: -24px;
}
.panel-widget-style .textpre {
background-color: #BFEFFF;
border: 5px solid #0042AA;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.articlebox {background-color: #85ECFF;
border: 5px solid #0042AA;
border-radius: 20px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .titlebox {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .predicted {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .fulfilled {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .description {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.blankme {
border: 0px solid transparent !important;
}
/* Seasons Greetings Post CSS Markup Computer */
/* Paginate for Desktop computer */
.wp-paginate .title {
color: white!important;
margin-right: 20px;
margin-left: 40px;
font-size: 30px;
font-weight: bold;
}
.wp-paginate a {
color: #0042AA !important;
background: #EAE0C8 !important;
border: 3px solid #E6bE8A !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 30px;
}
.wp-paginate .current {
background: #ddd;
border: 3px solid #E6bE8A !important;
color: white !important;
margin-right: 4px;
padding: 15px 15px;
font-size: 34px;
font-weight: bold;
margin-right: 6px;
}
.wp-paginate {
border: 5px solid #6BA7CC;
background-color: #85ECFF;
border-radius: 15px;
padding: 15px;
margin-left: 140px;
margin-right: 140px;
margin-bottom: 50px;
}
.wp-paginate a:hover, .wp-paginate a:active {
background: red !important;
color: white !important;
border: 3px solid yellow !important;
}
/* Paginate */
body {
background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/SeasonGreeting2021-MobileBackground-TP.jpg\");
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-size: 100%;
background-color: transparent;
}
#non-dt-menu-1 .mobileckhambuger_togglerlabel {
display: block;
font-size: 50px !important;
text-align: center;
color: yellow !important;
width: 20px;
height:22px;
margin-right: 10px;
background-color: transparent;
float: right;
}
/* Season Greetings 2021 Special blog post*/
.panel-row-style .jesusbirth {
background-image: url("http://www.thewaldrips.net/wp-content/uploads/2021/12/Tabs-Background-SnowFlake2-SeasonGreeting2021-scaled.jpg");
border: 3px solid #E6bE8A;
border-radius: 10px;
margin-left: -50px;
margin-right: -50px;
margin-top: 40px;
padding: 0px;
}
.panel-widget-style .textpre {
background-color: #BFEFFF;
border: 5px solid #0042AA;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.articlebox {
background-color: #85ECFF;
border: 5px solid #0042AA;
border-radius: 20px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .titlebox {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .predicted {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .fulfilled {
background-color: #EAE0C8;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.panel-widget-style .description {
background-color: #BFEFFF;
border: 5px solid green;
border-radius: 15px;
margin: 20px;
padding: 10px;
}
.blankme {
border: 0px solid transparent !important;
}
.post {
margin-top: 0px;
background-color: #BFEFFF;
border: 0px solid #E6bE8A;
border-radius: 0px;
padding-top: 0px;
padding-left: 0px;
}
h2, div.contentheading {
font-weight: bold;
line-height: 0px;
font-size: 36px;
height: 0px;
padding-top: 0px;
padding-left: 0px;
margin-top: 0px;
border-bottom-color: #E6bE8A !important;
border-bottom: 0px;
border-style: solid;
border-radius: 0px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
}
/* Seasons Greetings 2021 Special blog post */
/* Pagination for Mobile */
.wp-paginate .title {
color: red !important;
padding-right: 5px;
margin-right: 0px;
margin-left: 0px;
font-size: 18px;
}
.wp-paginate a {
color: #0042AA !important;
background: #EAE0C8 !important;
border: 3px solid #E6bE8A !important;
margin-right: 0px;
padding: 5px 5px 5px 5px;
text-align: center;
text-decoration: none;
font-size: 20px;
}
.wp-paginate .current {
background: #ddd;
border: 3px solid #E6bE8A !important;
color: white !important;
margin-right: 0px;
padding: 8px 8px 10px 8px;
font-size: 23px;
}
.wp-paginate {
border: 3px solid #6BA7CC;
background-color: #85ECFF;
border-radius: 15px;
padding: 3px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 50px;
}
.wp-paginate a:hover, .wp-paginate a:active {
background: red !important;
color: white !important;
border: 3px solid yellow !important;
}
/* Pagination for Mobile */
/* Popups - WordPress Popup */
.spu-box p {
font-size: 19px;
line-height: 19px;
}
.spu-box h4 {
font-size: 30px;
line-height: 12px;
}
.spu-box {
padding: 5px !important;
}
/* Popups - WordPress Popup */
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
.sow-contact-form {
text-align: center;
background: #CBF1FA;
width: 1000px;
border: 5px solid #0042AA !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin: auto;
}
.sow-form-field .sow-text-field {
height: 50px;
max-width: 1100px;
}
/* Height and width of Text Fields */
.sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #0042AA;
border-radius: 15px !important;
padding: 3px;
background: #EAE0C8;
color: #0042AA;
font-size: 24px;
}
.sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.sow-submit-styled {
border-radius: 5px;
padding: 30px 30px;
display: inline-block;
}
/* Text for Submit Button */
.sow-submit {
background: #EAE0C8 !important;
color: #0042AA !important;
font-weight: 900 !important;
font-size: 30px;
display: inline-block;
border: 5px solid #E6bE8A !important;
border-radius: 15px;
}
/* Submit Button Mouse Over */
.sow-submit:hover {
background:#E6bE8A !important;
color: #FF007D !important;
font-weight: 900 !important;
font-size: 30px;
display: inline-block;
border: 5px solid #FF007D !important;
border-radius: 15px;
}
:focus-visible {
border: 5px solid red !important;
}
.sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of Contact Form */
/* End of Contact Form */
<?php
/**
* Theme made with Template Creator CK - https://www.template-creator.com
* @copyright Template Creator CK
* */
// No direct access to this file
defined('ABSPATH') or die;
?>
<?php dynamic_sidebar( 'message' ); ?>
<?php if ( have_posts() ) : ?>
<?php if (! is_singular()) { ?>
<div class="tck-blog">
<?php } ?>
<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('tck-article'); ?>>
<header>
<?php if ( is_singular() ) :
the_title( '<h1 class="entry-title tck-article-title">', '</h1>' );
else :
the_title( '<h2 class="entry-title tck-article-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
endif;
?>
</header>
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
?>
<?php if (! is_singular() && get_the_excerpt()) {
the_content(false);
?>
<p class="tck-readmore"><a href="<?php echo get_permalink(); ?>"><?php _e( '', 'rlw_seasongreetings2021' ) ?></a></p>
<br>
<div class="img-container"> <!-- Block parent element -->
<img src="<?php print(get_template_directory_uri()); ?>/images/custom/EndOfPost.gif" />
</div>
<br>
<br>
<?php
} else {
the_content();
}
?>
<?php wp_link_pages( array(
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'rlw_seasongreetings2021' ) . '</span>',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'rlw_seasongreetings2021' ) . ' </span>%',
'separator' => '<span class="screen-reader-text">, </span>',
) );
?>
</article>
<?php if (theme_rlwseasongreetings2021_options('comments', '1')) {
comments_template();
} ?>
<?php endwhile; ?>
<div class="tck-pagination">
<?php
// Previous/next page navigation.
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'rlw_seasongreetings2021' ),
'next_text' => __( 'Next page', 'rlw_seasongreetings2021' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'rlw_seasongreetings2021' ) . ' </span>',
) );
?>
</div>
<?php if (! is_singular()) { ?>
</div>
<?php } ?>
<?php endif; ?>
/* The following is needed to allow SiteOrigin Page Builder and Theme Creator CK to work together. */
/* Append "///" to the beginning of the line "add_action( 'tiny_mce_before_init', 'theme_rlwseasongreetings2021_tiny_mce_before_init' );" */
/* Add to the end of the functions.php file */
/* Add to the end of the functions.php file */
function html5_search_form( $form ) {
$form = '<section class="search"><form role="search" method="get" id="Search for what?" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __('', 'domain') . '</label>
<input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Search Me', 'domain') .'" />
</form></section>';
return $form;
}
add_filter( 'get_search_form', 'html5_search_form' );
function crunchify_previous_next_post_navigation(){
?>
<div class="arrowNav">
<div class="arrowLeft">
<?php previous_post_link('%link', '↞', FALSE); ?>
</div>
<div class="arrowRight">
<?php next_post_link('%link', '↠', FALSE); ?>
</div>
</div>
<?php
}
add_action('wp_footer', 'crunchify_previous_next_post_navigation');
h2, div.contentheading {
font-weight: normal;
line-height: 42px;
font-size: 48px;
margin-bottom: 15px;
}
.seasongreetings2 {
background-color: white;
opacity: 60%;
border: 5px solid red;
border-radius: 15px;
height:50px;
width: 700px;
padding: 10px;
margin-left: auto;
margin-right: auto;
}
.seasongreetings5 {
background-color: white;
opacity: 70%;
border: 5px solid red;
border-radius: 15px;
height:130px;
width: 350px;
padding: 10px;
margin-left: auto;
margin-right: auto;
}
/* Start of Tabs */
/* Start of Tabs */
.sow-tabs {
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: transparent;
border-color: transparent;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
}
.sow-tabs-tab-container {
background-color: #85ecff;
border-style: solid;
border-color: #0042aa;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
}
.sow-tabs-title {
font-family: Abel;
font-size: 20px;
align-items: center;
background-color: transparent;
padding: 12x 3px 2px 3px;
}
.sow-tabs-tab {
cursor: pointer;
background-color: #AEDBF0;
color: #0042aa;
font-family: Abel;
transition: all 0.3s;
border-style: solid;
border-color: #0042aa;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-tab.sow-tabs-tab-selected {
background-color: #eae0c8;
color: #0042aa;
font-weight: bold;
border-style: solid;
border-color: #0042aa;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-tab:hover {
background-color: #e6be8a;
color: white;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-panel {
padding: 0px 0px 0px 0px;
}
.sow-tabs-panel-container {
position: relative;
background-image: url(http://www.thewaldrips.net/wp-content/uploads/2021/12/Tabs-Background-SnowFlake4-SeasonGreeting2021.jpg);
color: black;
font-size: 20px !important;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #0042aa;
border-radius: 0px 10px 10px 10px;
width: 99%;
}
.sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 24px !important;
}
/* End of Tabs */
/* End of Tabs */
I created the 'Simple Green' theme back in the summer of 2019. it sports the earthy colors that I often wear as a part of my wardrobe and also for my favorite drink, Mountain Dew.
After hosting with this theme for nearly 2 years, I decided to create several WordPress themes to display my website with at certain times of the year. Enjoy them all.
Click on the image to enlarge it.
Last updated on Aug 10, 2021
I started this Simple Green theme around Aug 3, 2021.
Just have a few small details to work through and one large problem.
The big problem is that for some treason, all of the pages repeat themselves. So when you get to the bottom of a page, you see the hole page again. It just does this once for each page and only on this theme so it is most likely a coding problem for this theme alone and not a problem with WordPress or plugins.
Small issues are as follows:
-
-
-
Unable to change the mouse over text color on buttons.
-
Buttons are not centering properly.Fixed Aug 10, 2021 -
Change the Horizontal lines used between topics. Done Aug 10, 2021. -
Change the End of post Horizontal Lines used between Blog Posts. Done Aug 10, 2021. -
Clean up page number links on the Blog Page. Mostly done (I don't like it) Aug 10, 2021. -
Change the name of the Login Page (not a theme specific issue).
-
Unable to change the font sizes in Tab:Panels.
-
-
Click on the image to enlarge it.
Accordion
Button
Contact
Content
Functions
Misc
Search
Tabs
/* Start of SiteOrigin Accordion */
.sow-accordion-title {
color: white;
font-size: 22px;
}
.sow-accordion-panel-header {
position: relative;
cursor: pointer;
padding: 20px 20px 20px 20px;
background-color: #009900 !important;
border-style: solid;
border-color: #37FA3C;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
}
.sow-accordion-panel-content {
background-color: lightgreen;
border-style: solid;
border-color: #37FA3C;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
/* Entire Button Widget */
.ow-button-base {
.clearfix();
width: 300px;
color: red !important;
line-height: 50px !important;
text-align: center;
display: inline-block;
font-size: 20px;
font-weight: bold;
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
}
/* Pushable Button */
.ow-button-base a {
.clearfix();
width: 250px;
line-height: 50px !important;
color: red !important;
text-align: center;
display: inline-block;
background: #009900 !important;
font-size: 20px;
font-weight: bold;
border: 5px solid #66ff00 !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Entire widget on mouseover */
.ow-button-base:active, .ow-button-base:hover{
color: red !important;
font-size: 20px;
font-weight: bold;
}
/* Pushable button on mouseover */
.ow-button-hover:hover {
background: red !important;
color: red !important;
padding: 0px;
border: 5px solid yellow !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
/* Start of SiteOrigin Contact Form */
/* Overall Contact Form */
.sow-contact-form {
color: grey;
text-align: center;
background: green;
width: 1000px;
border: 3px solid #1e830c !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin: auto;
}
.sow-form-field .sow-text-field {
height: 50px;
max-width: 1100px;
}
/* Height and width of Text Fields */
.sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 8px solid #37FA3C;
padding: 10px;
background: lightgreen;
color: black;
font-size: 24px;
}
.sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.sow-submit-styled {
border-radius: 15px;
padding: 30px 30px;
display: inline-block;
}
/* Text for Submit Button */
.sow-submit {
background: #BACF70 !important;
color: red !important;
font-weight: 900 !important;
font-size: 30px;
display: inline-block;
border: 10px solid #37FA3C !important;
border-radius: 15px;
}
/* Submit Button Mouse Over */
.sow-submit:hover {
background:red !important;
color: white !important;
font-weight: 900 !important;
font-size: 30px;
display: inline-block;
border: 10px solid #37FA3C !important;
border-radius: 15px;
}
:focus-visible {
border: 10px solid red !important;
border-radius: 15px;
}
.sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
<?php if (! is_singular() && get_the_excerpt()) {
the_content(false);
?>
<p class="tck-readmore"><a href="<?php echo get_permalink(); ?>"><?php _e( '', 'rlw_simplegreen' ) ?></a></p>
<br>
<div class="img-container"> <!-- Block parent element -->
<img src="<?php print(get_template_directory_uri()); ?>/images/custom/EndOfPost.gif" />
</div>
<br>
<br>
<?php
} else {
the_content();
}
?>
//For Page Navigation
// Previous/next page navigation.
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'rlw_simplegreen'' ),
'next_text' => __( 'Next page', 'rlw_simplegreen' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'rlw_simplegreen' ) . ' </span>',
'add_fragment' => ( ', ' ),
'mid_size' => 1,
'after_page_number' => ( ', ' ),
) );
?>
</div>
<?php if (! is_singular()) { ?>
</div>
<?php } ?>
function html5_search_form( $form ) {
$form = '<section class="search"><form role="search" method="get" id="Search for what?" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __('', 'domain') . '</label>
<input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Search Me', 'domain') .'" />
</form></section>';
return $form;
}
add_filter( 'get_search_form', 'html5_search_form' );
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.center2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 60%;
}
.datesize {
font-size: 12px;
text-align: right;
}
.page .entry-title {
display: none;
}
.widget_search {
position:relative;
background: white;
height:40px;
width:270px;
border-radius: 10px;
border: none;
}
.widget_search #s {
position:absolute;
background: white;
top:3px;
left:3px;
width:264px;
height:34px;
color: black;
font-size: 20px;
border-radius: 10px;
border: none;
}
.widget_search #searchsubmit {
position:absolute;
background: #98B525;
left:276px;
width:120px;
height:40px;
border-radius: 10px;
border: transparent;
color: red;
font-size: 20px;
}
.widget_search #searchsubmit:hover {
background: red;
color: yellow;
border-radius: 10px;
border: transparent;
}
.widget_search :focus-visible {
border: 2px solid red !important;
border-radius: 10px;
}
.widget_search :focus {
outline: red 5px !important;
}
.sow-tabs {
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: transparent;
border-color: transparent;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab-container {
background-color: #009900;
border-style: solid;
border-color: #37FA3C;;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-title {
font-family: Abel;
font-size: 22px;
align-items: center;
background-color: transparent;
padding: 3px 5px 3px 5px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab {
cursor: pointer;
background-color: #98B525;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: black;
font-family: Abel;
transition: all 0.3s;
border-style: solid;
border-color: #37FA3C;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-tab.sow-tabs-tab-selected {
background-color: #009900;
color: white;
border-style: solid;
border-color: white;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab:hover {
background-color: white;
color: #37FA3C;
border-style: solid;
border-color: red;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-panel {
padding: 0px 0px 0px 0px;
}
.sow-tabs-panel-container {
position: relative;
background-color: lightgreen;
color: black;
border-style: solid;
border-width: 5px 5px 5px 5px;
border-color: #37FA3C;;
border-radius: 0px 10px 10px 10px;
width: 99%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.so-widget-sow-tabs-default-902ae3222cc9-90 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel .sow-tabs-panel-content {
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 100px;
}
I made this for Thanksgiving 2021.
Click on the image to enlarge it.
Accordion
Button
Contact
Content
Functions
Misc
Tabs
/* Start of SiteOrigin Accordion */
.sow-accordion-title {
color: #C24E00;
font-weight: bold;
font-size: 22px;
}
.sow-accordion-panel-header {
width: 1040px;
margin: 0px 0px 0px 25px;
position: relative;
cursor: pointer;
padding: 20px 20px 20px 10px;
background-color: #FFD649 !important;
border-style: solid;
border-color: #FB921F;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
}
.sow-accordion-panel-content {
width: 1040px;
background-color: #FAE8B4;
border-style: solid;
border-color: #FB921F;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 50px;
margin-bottom: 0px;
margin-top: 0px;
}
/* Entire Button Widget */
.ow-button-base {
.clearfix();
width: 300px;
/* color: C24E00 !important; */
line-height: 50px !important;
text-align: center;
display: inline-block;
/* background: #98B525; */
font-size: 20px;
font-weight: bold;
/* border: 5px solid #37FA3C; */
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
}
/* Pushable Button */
.ow-button-base a {
.clearfix();
width: 250px;
line-height: 50px !important;
color: #C24E00 !important;
text-align: center;
display: inline-block;
background: #FFAF7A !important;
font-size: 20px;
font-weight: bold;
border: 5px solid #C24E00 !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.ow-button-hover:hover {
background: #FB921F !important;
color: #E41215 !important;
padding: 0px;
border: 5px solid #E41215 !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
/* Start of SiteOrigin Contact Form */
/* Overall Contact Form */
.sow-contact-form {
/* color: blue; */
text-align: center;
background: #FFAF7A;
width: 1000px;
border: 3px solid #FF6600 !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin: auto;
}
.sow-form-field .sow-text-field {
height: 50px;
max-width: 1100px;
}
/* Height and width of Text Fields */
.sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 8px solid #FF6600;
padding: 10px;
background: #FFD649;
color: #C24E00;
font-size: 24px;
}
.sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.sow-submit-styled {
border-radius: 15px;
padding: 30px 30px;
display: inline-block;
}
/* Text for Submit Button */
.sow-submit {
background: #FFAF7A !important;
color: #C24E00 !important;
font-weight: 900 !important;
font-size: 30px;
display: inline-block;
border: 10px solid #C24E00 !important;
border-radius: 15px;
}
/* Submit Button Mouse Over */
.sow-submit:hover {
background:#FB921F !important;
color: #E41215 !important;
font-weight: 900 !important;
font-size: 30px;
display: inline-block;
border: 10px solid #E41215 !important;
border-radius: 15px;
}
:focus-visible {
border: 10px solid red !important;
border-radius: 15px;
}
.sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
<?php if (! is_singular() && get_the_excerpt()) {
the_content(false);
?>
<p class="tck-readmore"><a href="<?php echo get_permalink(); ?>"><?php _e( '', 'rlw_thanksgiving' ) ?></a></p>
<br>
<div class="img-container"> <!-- Block parent element -->
<img src="<?php print(get_template_directory_uri()); ?>/images/custom/EndOfPost.gif" />
</div>
<br>
<br>
<?php
} else {
the_content();
}
?>
//For Page Navigation
// Previous/next page navigation.
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'rlw_thanksgiving' ),
'next_text' => __( 'Next page', 'rlw_thanksgiving' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'rlw_thanksgiving' ) . ' </span>',
'add_fragment' => ( ',HHH ' ),
'mid_size' => 1,
'after_page_number' => ( ', ' ),
) );
?>
</div>
<?php if (! is_singular()) { ?>
</div>
<?php } ?>
<?php endif; ?>
function html5_search_form( $form ) {
$form = '<section class="search"><form role="search" method="get" id="search-form" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __('', 'domain') . '</label>
<input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Go', 'domain') .'" />
</form></section>';
return $form;
}
add_filter( 'get_search_form', 'html5_search_form' );
.center {
display: block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.center2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 60%;
}
.datesize {
font-size: 12px;
text-align: right;
}
.page .entry-title {
display: none;
}
.widget_search {
position:relative;
background: white;
height:40px;
width:270px;
border-radius: 10px;
border: none;
}
.widget_search #s {
position:absolute;
background: white;
top:3px;
left:3px;
width:264px;
height:34px;
color: black;
font-size: 20px;
border-radius: 10px;
border: none;
}
.widget_search #searchsubmit {
position:absolute;
background: #98B525;
/* top:0px; */
left:276px;
width:120px;
height:40px;
border-radius: 10px;
border: transparent;
color: red;
font-size: 20px;
}
.widget_search #searchsubmit:hover {
background: red;
color: yellow;
border-radius: 10px;
border: transparent;
}
.widget_search :focus-visible {
border: 2px solid red !important;
border-radius: 10px;
}
.widget_search :focus {
outline: red 5px !important;
}
.sow-tabs {
width: 1100px;
display: flex;
flex-direction: column;
align-items: flex-start;
background-color: transparent;
border-color: transparent;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 50px;
}
.sow-tabs-tab-container {
background-color: #FF6600;
border-style: solid;
border-color: #FB921F;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-title {
font-family: Abel;
font-size: 22px;
/* font-weight: bold; */
align-items: center;
background-color: transparent;
padding: 3px 5px 3px 5px;
margin: 10px 10px 5px 10px;
}
.sow-tabs-tab {
cursor: pointer;
background-color: #FFD649;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #E41215;
font-family: Abel;
transition: all 0.3s;
border-style: solid;
border-color: #FFD649;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FAE8B4;
color: #E41215;
border-style: solid;
border-color: #FFD649;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.sow-tabs-tab:hover {
background-color: #E41215;
color: #FFAF7A;
border-style: solid;
border-color: #FFD649;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.sow-tabs-panel {
padding: 0px 0px 0px 0px;
}
.sow-tabs-panel-container {
position: relative;
background-color: #FAE8B4;
color: black;
border-style: solid;
border-width: 5px 5px 5px 5px;
border-color: #FB921F;
border-radius: 0px 10px 10px 10px;
width: 99%;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.so-widget-sow-tabs-default-902ae3222cc9-90 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel .sow-tabs-panel-content {
size: 1000px;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 22px !important;
}
Working on a theme for Valentines Day. Currently, it can only be seen on my test site.
Click on the image to enlarge it.
Accordion
Button
By Device
Contact
Content
Functions
Misc
Tabs
Login Page
Mobile menu
Computer
Tablet - Landscape
Tablet - Portrait
Phone - Landscape
Phone - Portrait
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(255, 129, 255, 60%);
color: #FF71BE;
font-weight: bold;
font-size: 28px;
padding: 40px;
border: 3px solid #DEA629;
border-radius: 15px;
margin-left: 50px;
margin-right: 50px;
}
.rlw_accordion .sow-accordion-panel-header {
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
text-shadow: 2px 2px #FF81FF;
position: relative;
cursor: pointer;
padding: 20px 20px 20px 20px !important;
background-color: #FFA6DC !important;
border-style: solid;
border-color: #F67270;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 18px;
font-weight: 500;
background-color: #FFECB4 !important;
border-style: solid;
border-color: #DEA629;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01;
background-color: #FFECB4 !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-size: 24px !important;
background-color: #FFECB4 !important;
padding: 10px;
overflow: auto;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
width: 300px;
font-size: 24px;
line-height: 50px !important;
text-align: center;
display: inline-block;
border: 3px solid #DEA629;
background-color: rgba(255, 129, 255, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
width: 250px;
line-height: 50px !important;
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
font-size: 28px;
text-shadow: 2px 2px #FF81FF !important;
text-align: center;
display: inline-block;
background: #FFA6DC !important;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01 !important;
padding: 0px;
border: 5px solid #FF007D !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
.rlw_button .ow-button-base a :hover { color: #FF4013 !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block */
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
.rlw_contactform {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #DEA629 !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
.rlw_contactform .sow-contact-form {
background-color: #FFECB4 !important;
border: 5px solid #DEA629 !important;
border-radius: 15px;
}
.rlw_contactform .sow-form-field .sow-text-field {
height: 50px;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
background: #E2FCFF;
color: #FF4013;
font-style: bold;
font-weight: 700;
font-size: 24px;
padding-left: 10px !important;
}
.rlw_contact .sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding: 30px 30px;
text-align: center !important;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #FFA6DC !important;
color: #FFFFFF !important;
font-weight: 900 !important;
font-size: 28px;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
font-weight: 900 !important;
text-shadow: 2px 2px #AD0B01 !important;
display: inline-block;
border: 5px solid #FF007D !important;
border-radius: 15px;
}
.rlw_contactform :focus-visible {
border: 5px solid red !important;
}
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
border: 3px solid #DEA629;
background-color: rgba(254, 107, 187, 60%);
border-radius: 15px;
padding: 15px;
margin-left: 300px;
margin-right: 300px;
margin-bottom: 50px; margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
/* Title Element */
.wp-paginate .title {
color: white;
text-shadow: 2px 2px #FF81FF !important;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #FF81FF !important;
text-shadow: 1px 1px red;
background: white !important;
border: 3px solid !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 24px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #FF81FF !important;
border: 3px solid #FFF373 !important;
color: white !important;
text-shadow: 2px 2px #FFF373 !important;
margin-right: 4px;
padding: 15px 15px;
font-size: 40px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #FF81FF;
border: 3px solid #AD0B01 !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 50px !important;
margin-right: 50px !important;
padding: 40px;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFA6DC;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: #FE6BBB !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFF3CD !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #FF007D;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
background-color: #FFF3CD !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 0px;
margin-left: -7px ;
margin-bottom: 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 22px !important;
margin-left: -30px;
margin-right: -50px;
margin-top: -5px;
margin-bottom: 40px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs 2 */
/* Start of SiteOrigin Tabs 2 */
/* Overall Tabs Container */
.rlw_tabs2 {
background-color: #FF81FF;
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 0px !important;
margin-right: 15px !important;
padding: 30px;
}
/* Tabs Container eliment */
.rlw_tabs2 .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs2 .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs2 .sow-tabs-tab {
cursor: pointer;
background-color: #F67270;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFF373;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: white !important;
}
/* Selected Tab eliment */
.rlw_tabs2 .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFFCF1 !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #AD0B01;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
#rlw_tabs2 .sow-tabs-panel-container {
background-color: #FFFCF1 !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #AD0B01 !important;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 50px !important;
margin-left: -10px !important;
margin-bottom: 0px !important;
padding: 15px 0px 0px 47px !important;
}
#rlw_tabs2 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 24px !important;
margin-left: -40px !important;
margin-right: 0px;
margin-top: -15px;
margin-bottom: 10px;
}
/* End of SiteOrigin Tabs 2 */
/* End of SiteOrigin Tabs 2 */
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(255, 129, 255, 60%);
color: #FF71BE;
font-weight: bold;
font-size: 28px;
padding: 40px;
border: 3px solid #DEA629;
border-radius: 15px;
margin-left: 50px;
margin-right: 50px;
}
.rlw_accordion .sow-accordion-panel-header {
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
text-shadow: 2px 2px #FF81FF;
position: relative;
cursor: pointer;
padding: 20px 20px 20px 20px !important;
background-color: #FFA6DC !important;
border-style: solid;
border-color: #F67270;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 18px;
font-weight: 500;
background-color: #FFECB4 !important;
border-style: solid;
border-color: #DEA629;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01;
background-color: #FFECB4 !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-size: 24px !important;
background-color: #FFECB4 !important;
padding: 10px;
overflow: auto;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
width: 300px;
font-size: 24px;
line-height: 50px !important;
text-align: center;
display: inline-block;
border: 3px solid #DEA629;
background-color: rgba(255, 129, 255, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
width: 250px;
line-height: 50px !important;
font-family: "Times New Roman", Times, sans-serif !important;
color: #FFFFFF;
font-size: 28px;
text-shadow: 2px 2px #FF81FF !important;
text-align: center;
display: inline-block;
background: #FFA6DC !important;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #AD0B01 !important;
padding: 0px;
border: 5px solid #FF007D !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
.rlw_button .ow-button-base a :hover { color: #FF4013 !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block */
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
.rlw_contactform {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #DEA629 !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
.rlw_contactform .sow-contact-form {
background-color: #FFECB4 !important;
border: 5px solid #DEA629 !important;
border-radius: 15px;
}
.rlw_contactform .sow-form-field .sow-text-field {
height: 50px;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
background: #E2FCFF;
color: #FF4013;
font-style: bold;
font-weight: 700;
font-size: 24px;
padding-left: 10px !important;
}
.rlw_contact .sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding: 30px 30px;
text-align: center !important;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #FFA6DC !important;
color: #FFFFFF !important;
font-weight: 900 !important;
font-size: 28px;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 5px solid #F67270 !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background: #FFECB4 !important;
color: #FF4013 !important;
font-weight: 900 !important;
text-shadow: 2px 2px #AD0B01 !important;
display: inline-block;
border: 5px solid #FF007D !important;
border-radius: 15px;
}
.rlw_contactform :focus-visible {
border: 5px solid red !important;
}
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
border: 3px solid #DEA629;
background-color: rgba(254, 107, 187, 60%);
border-radius: 15px;
padding: 15px;
margin-left: 300px;
margin-right: 300px;
margin-bottom: 50px; margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
/* Title Element */
.wp-paginate .title {
color: white;
text-shadow: 2px 2px #FF81FF !important;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #FF81FF !important;
text-shadow: 1px 1px red;
background: white !important;
border: 3px solid !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 24px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #FF81FF !important;
border: 3px solid #FFF373 !important;
color: white !important;
text-shadow: 2px 2px #FFF373 !important;
margin-right: 4px;
padding: 15px 15px;
font-size: 40px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: #FFECB4 !important;
color: #FF4013 !important;
text-shadow: 2px 2px #FF81FF;
border: 3px solid #AD0B01 !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(255, 129, 255, 60%);
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 50px !important;
margin-right: 50px !important;
padding: 40px;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #FFFFFF;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFA6DC;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: #FE6BBB !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFF3CD !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #FF007D;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
background-color: #FFF3CD !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 0px;
margin-left: -7px ;
margin-bottom: 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 22px !important;
margin-left: -30px;
margin-right: -50px;
margin-top: -5px;
margin-bottom: 40px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs 2 */
/* Start of SiteOrigin Tabs 2 */
/* Overall Tabs Container */
.rlw_tabs2 {
background-color: #FF81FF;
border: 5px solid #FE6BBB !important;
border-radius: 15px 15px 15px 15px;
margin-left: 0px !important;
margin-right: 15px !important;
padding: 30px;
}
/* Tabs Container eliment */
.rlw_tabs2 .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
margin-left: 0px;
}
/* Overall Tabs eleiments */
.rlw_tabs2 .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs2 .sow-tabs-tab {
cursor: pointer;
background-color: #F67270;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 1px 1px #FF81FF;
transition: all 0.3s;
border-style: solid;
border-color: #FFF373;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: white !important;
}
/* Selected Tab eliment */
.rlw_tabs2 .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FFFCF1 !important;
color: #AD0B01 !important;
text-shadow: 1px 1px white;
border-style: solid;
border-color: #AD0B01;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs2 .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
#rlw_tabs2 .sow-tabs-panel-container {
background-color: #FFFCF1 !important;
color: black;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #AD0B01 !important;
border-radius: 0px 15px 15px 15px;
padding: 10px 0px 0px 50px !important;
margin-left: -10px !important;
margin-bottom: 0px !important;
padding: 15px 0px 0px 47px !important;
}
#rlw_tabs2 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 24px !important;
margin-left: -40px !important;
margin-right: 0px;
margin-top: -15px;
margin-bottom: 10px;
}
/* End of SiteOrigin Tabs 2 */
/* End of SiteOrigin Tabs 2 */
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 56px;
background-color: #FF81FF;
border: 2px solid #DEA629;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-right: 9px;
margin-top: 10px;
}
.wp-block-search__input {
background-color: #FFECB4 !important;
font-size: 20px;
height: 45px !important;
padding: 3px 3px 3px 3px !important;
margin-top: -32px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
}
.wp-block-search__button {
height:45px;
margin-top: -32px;
background-color: #DEA629 !important;
border: 2px solid #FFECB4 !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
color: white !important;
background-color: #FF4013 !important;
border: 20px solid yellow important;
}
.widget_search :focus-visible {
font-style: bold !important;
font-weight: 700;
border: 0px solid #FF007D !important;
border-radius: 10px;
color: #FF4013 !important;
padding-left: 10px !important;
}
.widget_search :focus {
color: blue;
border: 5px solid red !important;
}
/* End Search Block */
/* End Search Block */
.center2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
My WiNTER 2021 theme is nearly complete.
Last Updated on Dec 30, 2021 @ 10:21pm
Click on the image to enlarge it.
Accordion
Button
By Device
Contact
Content
Functions
Misc
Tabs
Login Page
Mobile menu
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(203, 227, 243, 60%);
color: #FF71BE;
font-weight: bold;
font-size: 28px;
padding: 40px;
border: 3px solid #B6FFFF;
border-radius: 15px;
margin-left: 50px;
margin-right: 50px;
}
.rlw_accordion .sow-accordion-panel-header {
font-family: "Times New Roman", Times, sans-serif !important;
color: #FF71BE;
text-shadow: 2px 2px #0042AA;
position: relative;
cursor: pointer;
padding: 20px 20px 20px 20px !important;
background-color: #BFEFFF !important;
border-style: solid;
border-color: #FFA6DC;
border-width: 5px 5px 5px 5px;
border-radius: 10px 10px 10px 10px;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 18px;
font-weight: 500;
background-color: #E2FCFF !important;
border-style: solid;
border-color: #FF71BE;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: white !important;
text-shadow: 2px 2px #0042AA;
background-color: #FFA6DC !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
background-color: #E2FCFF !important;
padding: 10px;
overflow: auto;
}
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
.clearfix();
width: 300px;
font-size: 24px;
color: #FFA6DC !important;
line-height: 50px !important;
text-align: center;
display: inline-block;
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
.clearfix();
width: 250px;
line-height: 50px !important;
font-family: "Times New Roman", Times, sans-serif !important;
color: #FF71BE !important;
font-size: 28px;
text-shadow: 2px 2px #0042AA;
text-align: center;
display: inline-block;
background: #BFEFFF !important;
border: 5px solid #FFA6DC !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFA6DC !important;
color: #3F7EB3 !important;
padding: 0px;
border: 5px solid #FF007D !important;
border-radius: 15px !important;
margin: 10px;
line-height: 50px !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block */
Computer
Tablet - Landscape
Tablet - Portrait
Phone - Landscape
Phone - Portrait
h6 {
font-size: 12px !important;
font-weight: 100;
font-style: normal;
}
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(203, 227, 243, 60%);
color: #FF71BE;
font-size: 22px;
padding: 40px;
border: 3px solid #B6FFFF;
border-radius: 15px;
margin-left: 50px;
margin-right: 50px;
}
.rlw_accordion .sow-accordion-panel-header {
/* ************************ Enter font stuff here *************** */
color: #FF71BE;
text-shadow: 1px 1px #0042AA;
position: relative;
cursor: pointer;
padding: 15px 15px 15px 15px !important;
background-color: #BFEFFF !important;
border-style:solid;
border-color: #FFA6DC;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
/* ************************ Enter font stuff here *************** */
font-size: 18px;
font-weight: 500;
background-color: #E2FCFF !important;
border-style: solid;
border-color: #FFA6DC;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
text-indent: 40px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: white !important;
text-shadow: 2px 2px #0042AA;
background-color: #FFA6DC !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
background-color: #E2FCFF !important;
padding: 10px;
overflow: auto;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
.clearfix();
width: 240px;
text-align: center;
display: inline-block;
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
#rlw_button:hover {
background-color: #B6FFFF;
border-color: #FFA6DC
}
#rlw_button .ow-button-base a {
color: #FF71BE !important;
text-shadow: 1px 1px white;
line-height: 30px !important;
background-color: #8DC0FF;
}
#rlw_button .ow-button-hover:hover {
color: #FF007D !important;
text-shadow: 2px 2px #B6FFFF;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
.clearfix();
width: 200px;
font-size: 24px !important;
text-shadow: 2px 2px #0042AA;
text-align: center;
display: inline-block;
background: #BFEFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFA6DC !important;
border: 3px solid #FF007D !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block *
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
/* ContactForm Conatiner */
.rlw_contactform {
background-color: rgba(203, 227, 243, 60%);
border: 3px solid #B6FFFF !important;
border-radius: 15px;
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
/* Form container */
.rlw_contactform .sow-contact-form {
background-color: #B6FFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px;
padding-bottom: 50px;
padding-top: 50px;
}
/* Field Titles */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field label {
display: block;
margin-bottom: 0px !important;
margin-top: -10px;
text-align: left;
}
/* User Text field */
.rlw_contactform .sow-form-field .sow-text-field {
height: 38px;
color: #0042AA; padding-left: 10px; display: flex;
justify-content: center;
align-items: center;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
/* width: 1000px; */
/* height: 150px; */
}
/* User Textbox */
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex; justify-content: center;
align-items: center;
}
/* Field Description Element */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field .sow-form-field-description {
font-size: 0.9em;
margin-top: 0.2em;
margin-left: 0.2em;
color: #999999;
font-style: italic;
padding-left: 20px;
margin-bottom: 5px;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center !important;
}
/* More Button Magic */
.rlw_contactform .sow-contact-form .sow-submit-styled .sow-submit {
color: #5a5a5a;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d5d5d5), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #d5d5d5, #ffffff);
background: -moz-linear-gradient(center bottom, #d5d5d5 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
border: 1px none #989a9c;
border-radius: 10px;
font-weight: normal;
padding: 10px 20px;
display: inline-block;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
font-size: 20px;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #BFEFFF !important;
color: #FF71BE !important;
font-weight: 500 !important;
text-shadow: 1px 1px #0042AA;
display: inline-block;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background:#FFA6DC !important;
color: white !important;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 3px solid #FF007D !important;
border-radius: 15px;
}
/* .rlw_contactform :focus-visible {
border: 5px solid red !important;
} */
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
padding: 15px;
margin-left: 300px;
margin-right: 300px;
margin-bottom: 50px; margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
/* Title Element */
.wp-paginate .title {
color: #008AD6;
text-shadow: 1px 1px white;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #0042AA !important;
text-shadow: 1px 1px #7dcde4;
background: #A0DDED !important;
border: 3px solid #8DC0FF !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 24px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #B6FFFF !important;
border: 3px solid #FF71BE !important;
color: #FF007D !important;
text-shadow: 1px 1px white;
margin-right: 4px;
padding: 15px 15px;
font-size: 30px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: rgba(203, 227, 243, 100%) !important;
color: red !important;
text-shadow: 2px 2px white;
border: 3px solid #fca7da !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 34px;
background-color: #BFEFFF;
border: 2px solid #6BA7CC;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-top: 10px;
margin-right: 9px;
}
.wp-block-search__input {
background-color: #FDFDFD !important;
font-size: 18px;
height: 34px !important;
padding: 3px 3px 3px 3px !important;
margin-top: 0px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
color: #008AD6;
}
.widget_search :focus {
color: blue;
border-color: #FF007D !important;
}
.widget_search :focus-visible {
font-style: bold !important;
border-color:
transparent !important;
border-radius: 10px;
color: blue;
}
.wp-block-search__button {
color: #008AD6 !important;
font-weight: 600;
text-shadow: 1px 1px #B6FFFF;
height: 34px; margin-top: 0px;
background-color: #AEDBF0 !important;
border: 2px solid #6BA7CC !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
background-color: #FFA6DC !important;
color: #FF007D !important;
border-color: #FF007D important;
}
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -24px !important;
}
/* Moves the search field up */
.wp-block-search .wp-block-search__input {
margin-top: -24px !important;
}
/* End Search Block */
/* End Search Block */
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
p {
font-size: 16px !important;
line-height: 20px;
}
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(203, 227, 243, 60%);
border: 3px solid #B6FFFF !important;
border-radius: 15px 15px 15px 15px;
margin-left: 50px !important;
margin-right: 50px !important;
padding: 40px;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
padding: 0px 0px 0px 0px !important;
margin: -20px 0px 0px 10px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
/* Change font here */
font-size: 20px;
font-weight: 500;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 5px 5px 5px 5px !important;
margin: 0px 25px 0px -13px !important;
/* Change font here */
text-shadow: 1px 1px #FF007D;
transition: all 0.3s;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 0px 2px;
border-radius: 10px 10px 0px 0px;
color: #FFA6DC !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
border-width: 2px 2px 0px 2px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
border-width: 2px 2px 0px 2px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
background-color: #E2FCFF !important;
color: black;
font-size: 10px !important;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 0px 0px 0px 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 18px !important;
margin-left: 4px !important;
margin-top: 0px !important;
padding: 10px;
text-indent: 30px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
h6 {
font-size: 12px !important;
font-weight: 100;
font-style: normal;
}
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(203, 227, 243, 60%);
color: #FF71BE;
font-size: 20px !important;
padding: 40px;
border: 3px solid #B6FFFF;
border-radius: 15px;
margin-left: 40px;
margin-right: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.rlw_accordion .sow-accordion-panel-header {
/* ************************ Enter font stuff here *************** */
color: #FF71BE;
text-shadow: 1px 1px #0042AA;
position: relative;
cursor: pointer;
padding: 12px 180px 12px 180px !important;
background-color: #BFEFFF !important;
border-style:solid;
border-color: #FFA6DC;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
margin-left: auto;
margin-right: auto;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
/* ************************ Enter font stuff here *************** */
font-size: 18px;
font-weight: 500;
background-color: #E2FCFF !important;
border-style: solid;
border-color: #FFA6DC;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
margin-top: 0px;
text-indent: 40px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: white !important;
text-shadow: 2px 2px #0042AA;
background-color: #FFA6DC !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-weight: 100 !important;
font-style: normal !important;
background-color: #E2FCFF !important;
padding: 10px;
overflow: auto;
margin-left: -93px;
margin-right: -60px;
margin-top: -10px;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
.clearfix();
width: 200px;
text-align: center;
display: inline-block;
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
#rlw_button:hover {
background-color: #B6FFFF;
border-color: #FFA6DC
}
#rlw_button .ow-button-base a {
color: #FF71BE !important;
text-shadow: 1px 1px white;
line-height: 24px !important;
background-color: #8DC0FF;
}
#rlw_button .ow-button-hover:hover {
color: #FF007D !important;
text-shadow: 2px 2px #B6FFFF;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
.clearfix();
width: 180px;
font-size: 24px !important;
text-shadow: 2px 2px #0042AA;
text-align: center;
display: inline-block;
background: #BFEFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFA6DC !important;
border: 3px solid #FF007D !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block *
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
/* ContactForm Conatiner */
.rlw_contactform {
background-color: rgba(203, 227, 243, 60%);
border: 3px solid #B6FFFF !important;
border-radius: 15px;
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
/* Form container */
.rlw_contactform .sow-contact-form {
background-color: #B6FFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px;
padding-bottom: 50px;
padding-top: 50px;
}
/* Field Titles */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field label {
display: block;
margin-bottom: 0px !important;
margin-top: -10px;
text-align: left;
}
/* User Text field */
.rlw_contactform .sow-form-field .sow-text-field {
height: 38px;
color: #0042AA; padding-left: 10px; display: flex;
justify-content: center;
align-items: center;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
/* width: 1000px; */
/* height: 150px; */
}
/* User Textbox */
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex; justify-content: center;
align-items: center;
}
/* Field Description Element */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field .sow-form-field-description {
font-size: 0.9em;
margin-top: 0.2em;
margin-left: 0.2em;
color: #999999;
font-style: italic;
padding-left: 20px;
margin-bottom: 5px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
height: 120px;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center !important;
}
/* More Button Magic */
.rlw_contactform .sow-contact-form .sow-submit-styled .sow-submit {
color: #5a5a5a;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d5d5d5), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #d5d5d5, #ffffff);
background: -moz-linear-gradient(center bottom, #d5d5d5 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
border: 1px none #989a9c;
border-radius: 10px;
font-weight: normal;
padding: 10px 20px;
display: inline-block;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
font-size: 18px;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #BFEFFF !important;
color: #FF71BE !important;
font-weight: 500 !important;
text-shadow: 1px 1px #0042AA;
display: inline-block;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background:#FFA6DC !important;
color: white !important;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 3px solid #FF007D !important;
border-radius: 15px;
}
/* .rlw_contactform :focus-visible {
border: 5px solid red !important;
} */
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
width:500px;
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
padding: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px; margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
}
/* Title Element */
.wp-paginate .title {
color: #008AD6;
text-shadow: 1px 1px white;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #0042AA !important;
text-shadow: 1px 1px #7dcde4;
background: #A0DDED !important;
border: 3px solid #8DC0FF !important;
margin-right: 6px;
padding: 15px 15px;
text-align: center;
text-decoration: none;
font-size: 24px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #B6FFFF !important;
border: 3px solid #FF71BE !important;
color: #FF007D !important;
text-shadow: 1px 1px white;
margin-right: 4px;
padding: 15px 15px;
font-size: 30px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: rgba(203, 227, 243, 100%) !important;
color: red !important;
text-shadow: 2px 2px white;
border: 3px solid #fca7da !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 34px;
background-color: #BFEFFF;
border: 2px solid #6BA7CC;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-top: 10px;
margin-right: 9px;
}
.wp-block-search__input {
background-color: #FDFDFD !important;
font-size: 18px;
height: 34px !important;
padding: 3px 3px 3px 3px !important;
margin-top: 0px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
color: #008AD6;
}
.widget_search :focus {
color: blue;
border-color: #FF007D !important;
}
.widget_search :focus-visible {
font-style: bold !important;
border-color:
transparent !important;
border-radius: 10px;
color: blue;
}
.wp-block-search__button {
color: #008AD6 !important;
font-weight: 600;
text-shadow: 1px 1px #B6FFFF;
height: 34px; margin-top: 0px;
background-color: #AEDBF0 !important;
border: 2px solid #6BA7CC !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
background-color: #FFA6DC !important;
color: #FF007D !important;
border-color: #FF007D important;
}
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -24px !important;
}
/* Moves the search field up */
.wp-block-search .wp-block-search__input {
margin-top: -24px !important;
}
/* End Search Block */
/* End Search Block */
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
p {
font-size: 16px !important;
line-height: 20px;
}
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(203, 227, 243, 60%);
border: 3px solid #B6FFFF !important;
border-radius: 15px 15px 15px 15px;
margin-left: 50px !important;
margin-right: 50px !important;
padding: 40px;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
padding: 0px 0px 0px 0px !important;
margin: -20px 0px 0px 10px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
/* Change font here */
font-size: 20px;
font-weight: 500;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 5px 5px 5px 5px !important;
margin: 0px 25px 0px -13px !important;
/* Change font here */
text-shadow: 1px 1px #FF007D;
transition: all 0.3s;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 0px 2px;
border-radius: 10px 10px 0px 0px;
color: #FFA6DC !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
border-width: 2px 2px 0px 2px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
border-width: 2px 2px 0px 2px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
background-color: #E2FCFF !important;
color: black;
font-size: 10px !important;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 0px 0px 0px 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 18px !important;
margin-left: 4px !important;
margin-top: 0px !important;
padding: 10px;
text-indent: 30px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
h6 {
font-size: 12px !important;
font-weight: 100;
font-style: normal;
}
h2, div.contentheading {
font-weight: normal;
line-height: 30px;
font-size: 24px;
font-style: italic;
}
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(203, 227, 243, 60%);
color: #FF71BE;
font-size: 20px !important;
padding: 40px;
border: 3px solid #B6FFFF;
border-radius: 15px;
margin-left: 40px;
margin-right: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.rlw_accordion .sow-accordion-panel-header {
/* ************************ Enter font stuff here *************** */
color: #FF71BE;
text-shadow: 1px 1px #0042AA;
position: relative;
cursor: pointer;
padding: 12px 180px 12px 180px !important;
background-color: #BFEFFF !important;
border-style:solid;
border-color: #FFA6DC;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
margin-left: auto;
margin-right: auto;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
/* ************************ Enter font stuff here *************** */
font-size: 18px;
font-weight: 500;
background-color: #E2FCFF !important;
border-style: solid;
border-color: #FFA6DC;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
margin-top: 0px;
text-indent: 40px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: white !important;
text-shadow: 2px 2px #0042AA;
background-color: #FFA6DC !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-weight: 100 !important;
font-style: normal !important;
background-color: #E2FCFF !important;
padding: 10px;
overflow: auto;
margin-left: -93px;
margin-right: -60px;
margin-top: -10px;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
.clearfix();
width: 200px;
text-align: center;
display: inline-block;
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
#rlw_button:hover {
background-color: #B6FFFF;
border-color: #FFA6DC
}
#rlw_button .ow-button-base a {
color: #FF71BE !important;
text-shadow: 1px 1px white;
line-height: 24px !important;
background-color: #8DC0FF;
}
#rlw_button .ow-button-hover:hover {
color: #FF007D !important;
text-shadow: 2px 2px #B6FFFF;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
.clearfix();
width: 180px;
font-size: 24px !important;
text-shadow: 2px 2px #0042AA;
text-align: center;
display: inline-block;
background: #BFEFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFA6DC !important;
border: 3px solid #FF007D !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block *
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
/* ContactForm Conatiner */
.rlw_contactform {
background-color: rgba(203, 227, 243, 60%);
border: 3px solid #B6FFFF !important;
border-radius: 15px;
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
/* Form container */
.rlw_contactform .sow-contact-form {
background-color: #B6FFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px;
padding-bottom: 50px;
padding-top: 50px;
}
/* Field Titles */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field label {
display: block;
margin-bottom: 0px !important;
margin-top: -10px;
text-align: left;
}
/* User Text field */
.rlw_contactform .sow-form-field .sow-text-field {
height: 38px;
color: #0042AA; padding-left: 10px; display: flex;
justify-content: center;
align-items: center;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
/* width: 1000px; */
/* height: 150px; */
}
/* User Textbox */
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex; justify-content: center;
align-items: center;
}
/* Field Description Element */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field .sow-form-field-description {
font-size: 0.9em;
margin-top: 0.2em;
margin-left: 0.2em;
color: #999999;
font-style: italic;
padding-left: 20px;
margin-bottom: 5px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
height: 120px;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center !important;
}
/* More Button Magic */
.rlw_contactform .sow-contact-form .sow-submit-styled .sow-submit {
color: #5a5a5a;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d5d5d5), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #d5d5d5, #ffffff);
background: -moz-linear-gradient(center bottom, #d5d5d5 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
border: 1px none #989a9c;
border-radius: 10px;
font-weight: normal;
padding: 10px 20px;
display: inline-block;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
font-size: 18px;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #BFEFFF !important;
color: #FF71BE !important;
font-weight: 500 !important;
text-shadow: 1px 1px #0042AA;
display: inline-block;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background:#FFA6DC !important;
color: white !important;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 3px solid #FF007D !important;
border-radius: 15px;
}
/* .rlw_contactform :focus-visible {
border: 5px solid red !important;
} */
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
font-weight: 900;
}
/* Mobile menu Hamburger Closed */
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
}
/* Mobile Menu Hamburger Open */ */
#mobile-menu-1 .mobileckhambuger_toggler:checked + * {
color: #FF71BE !important;
display: block !important;
}
/* 1st Level Menu */
#mobile-menu-1 ul.menu > li > a, #mobile-menu-1 ul.menu > li > span.separator, #mobile-menu-1 ul.nav > li > a, #mobile-menu-1 ul.nav > li > span.separator, #mobile-menu-1 ul.maximenuck > li > a, #mobile-menu-1 ul.maximenuck > li > span.separator {
color: #0042AA !important;
display: block;
font-size: 16px;
font-weight: 900;
border: 0px solid transparent;
background-color: transparent;
margin: 0px 0px 0px 0px !important;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
width: 150px !important;
}
/* Hover Level 1 */
#mobile-menu-1 ul.menu li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Second Level Menu */
#mobile-menu-1 ul.menu li li {
float: none;
display: block;
color: #0042AA !important;
font-size: 16px;
font-weight: 900;
width: 140px !important;
background-color: transparent;
border: 0px solid transparent;
margin: 0px 0px 0px 35px !important;
padding-top: 0px !important;
padding-right: 3px !importnat;
padding-bottom: 0px !important;
padding-left: 3px !important;
}
/* Hover Level 2 */
#mobile-menu-1 ul.menu li li:hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Third Level Menu */
#mobile-menu-1 ul.menu li li li{
float: none;
display: block;
font-size: 16px;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-top: 0px;
margin-left: 30px !important;
}
/* Hover Level 3 */
#mobile-menu-1 ul.menu li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Forth Level Menu */
#mobile-menu-1 ul.menu li li li li {
float: none;
display: block;
font-size: 16px !important;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-left: 30px !important;
}
/* Hover Level 4 */
#mobile-menu-1 ul.menu li li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Active Menu Item */
/* First Level */
#mobile-menu-1 ul.menu > li.active > a,
#mobile-menu-1 ul.menu > li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li.active > a,
#mobile-menu-1 ul.maximenuck > li.active > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-item > a,
#mobile-menu-1 ul.menu > li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > span.separator
/* Second Level */
#mobile-menu-1 ul.menu > li li.active > a,
#mobile-menu-1 ul.menu > li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li.active > a,
#mobile-menu-1 ul.maximenuck > li li.active > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > span.separator
/* Third Level */
#mobile-menu-1 ul.menu > li li li.active > a,
#mobile-menu-1 ul.menu > li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > span.separator
/* Forth level */
#mobile-menu-1 ul.menu > li li li li.active > a,
#mobile-menu-1 ul.menu > li li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > span.separator
{
width: 300px;
color: #FF007D !important;
margin-left: 0px !important;
padding-left: 0px !important;
font-size: 24px !important;
font-weight: 900 !important;
font-style: bold !important;
}
/* Turn off shadow box */
#mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:hover ul ul, #mobile-menu-1 ul.menu li:hover ul ul ul, #mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:focus ul ul, #mobile-menu-1 ul.menu li:focus ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:hover ul ul, #mobile-menu-1 ul.nav li:hover ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:focus ul ul, #mobile-menu-1 ul.nav li:focus ul ul ul {
background: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
width: auto;
background-color: rgba(203, 227, 243, 60%);
padding: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 0px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid transparent;
border-radius: 40px;
}
/* Title Element */
.wp-paginate .title {
display: none;
color: #008AD6;
text-shadow: 1px 1px white;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #0042AA !important;
text-shadow: 1px 1px #7dcde4;
background: #A0DDED !important;
border: 2px solid #8DC0FF !important;
margin-right: 6px;
padding: 7px 7px;
text-align: center;
text-decoration: none;
font-size: 15px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #B6FFFF !important;
border: 2px solid #FF71BE !important;
color: #FF007D !important;
text-shadow: 1px 1px white;
margin-right: 4px;
padding: 8px 8px;
font-size: 20px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: rgba(203, 227, 243, 100%) !important;
color: red !important;
text-shadow: 2px 2px white;
border: 2px solid #fca7da !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 34px;
background-color: #BFEFFF;
border: 2px solid #6BA7CC;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-top: 10px;
margin-right: 9px;
}
.wp-block-search__input {
background-color: #FDFDFD !important;
font-size: 18px;
height: 34px !important;
padding: 3px 3px 3px 3px !important;
margin-top: 0px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
color: #008AD6;
}
.widget_search :focus {
color: blue;
border-color: #FF007D !important;
}
.widget_search :focus-visible {
font-style: bold !important;
border-color:
transparent !important;
border-radius: 10px;
color: blue;
}
.wp-block-search__button {
color: #008AD6 !important;
font-weight: 600;
text-shadow: 1px 1px #B6FFFF;
height: 34px; margin-top: 0px;
background-color: #AEDBF0 !important;
border: 2px solid #6BA7CC !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
background-color: #FFA6DC !important;
color: #FF007D !important;
border-color: #FF007D important;
}
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -24px !important;
}
/* Moves the search field up */
.wp-block-search .wp-block-search__input {
margin-top: -24px !important;
}
/* End Search Block */
/* End Search Block */
/* Start of SiteOrigin Tabs .rlw_tabs */
/* Start of SiteOrigin Tabs .rlw_tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(203, 227, 243, 60%);
width: 100%;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
width: 100%;
padding: 0px 0px 0px 0px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
/* Change font here */
font-size: 18px;
font-weight: 100;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 5px 5px 5px 5px !important;
margin: 0px 0px 0px 0px !important;
/* Change font here */
text-shadow: 1px 1px #FFA6DC;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 2px 2px;
border-radius: 10px 10px 10px 10px;
color: #FF007D !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 0px;
margin: 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
width: 100%;
font-size: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
text-indent: 15px;
}
/* allow padding without changing other elemnts */
.rlw_tabs p, h1, h2, h3, h4, h5, h6 {
padding: 3px 3px 3px 3px;
}
/* End of SiteOrigin Tabs .rlw_tabs */
/* End of SiteOrigin Tabs .rlw_tabs*/
/* Start of SiteOrigin Tabs .rlw_tabs2 */
/* Start of SiteOrigin Tabs .rlw_tabs2 */
/* Overall Tabs Container */
.rlw_tabs2 {
/* background-color: rgba(203, 227, 243, 60%); */
width: 90%;
margin-left: auto;
margin-right: auto;
}
/* Tabs Container eliment */
.rlw_tabs2 .sow-tabs .sow-tabs-tab-container {
width: 100%;
padding: 0px 0px 0px 0px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs2 .sow-tabs-title {
/* Change font here */
font-size: 18px;
font-weight: 100;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px -12px !important;
}
/* Tab Text eleiments */
.rlw_tabs2 .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
/* Change font here */
text-shadow: 1px 1px #FFA6DC;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 2px 2px;
border-radius: 10px 10px 10px 10px;
color: #FF007D !important;
}
/* Selected Tab eliment */
.rlw_tabs2 .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
}
.rlw_tabs2 .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
}
.rlw_tabs2 .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs2 .sow-tabs-panel-container {
width: 100% !important;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #008AD6 !important;
border-radius: 15px 15px 15px 15px;
padding: 5px 0px 0px 0px !important;
margin: 0px !important;
}
.rlw_tabs2 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
width: auto;
font-size: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/* allow padding without changing other elemnts */
.rlw_tabs2 p, h1, h2, h3, h4, h5, h6 {
/* padding: 3px 3px 3px 3px; */
}
/* End of SiteOrigin Tabs .rlw_tabs2 */
/* End of SiteOrigin Tabs .rlw_tabs2*/
h6 {
font-size: 12px !important;
font-weight: 100;
font-style: normal;
}
h2, div.contentheading {
font-weight: normal;
line-height: 30px;
font-size: 24px;
font-style: italic;
}
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(203, 227, 243, 60%);
color: #FF71BE;
font-size: 20px !important;
padding: 40px;
border: 3px solid #B6FFFF;
border-radius: 15px;
margin-left: 40px;
margin-right: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.rlw_accordion .sow-accordion-panel-header {
/* ************************ Enter font stuff here *************** */
color: #FF71BE;
text-shadow: 1px 1px #0042AA;
position: relative;
cursor: pointer;
padding: 12px 180px 12px 180px !important;
background-color: #BFEFFF !important;
border-style:solid;
border-color: #FFA6DC;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
margin-left: auto;
margin-right: auto;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
/* ************************ Enter font stuff here *************** */
font-size: 18px;
font-weight: 500;
background-color: #E2FCFF !important;
border-style: solid;
border-color: #FFA6DC;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
margin-top: 0px;
text-indent: 40px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: white !important;
text-shadow: 2px 2px #0042AA;
background-color: #FFA6DC !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-weight: 100 !important;
font-style: normal !important;
background-color: #E2FCFF !important;
padding: 10px;
overflow: auto;
margin-left: -93px;
margin-right: -60px;
margin-top: -10px;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
.clearfix();
width: 200px;
text-align: center;
display: inline-block;
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
#rlw_button:hover {
background-color: #B6FFFF;
border-color: #FFA6DC
}
#rlw_button .ow-button-base a {
color: #FF71BE !important;
text-shadow: 1px 1px white;
line-height: 24px !important;
background-color: #8DC0FF;
}
#rlw_button .ow-button-hover:hover {
color: #FF007D !important;
text-shadow: 2px 2px #B6FFFF;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
.clearfix();
width: 180px;
font-size: 24px !important;
text-shadow: 2px 2px #0042AA;
text-align: center;
display: inline-block;
background: #BFEFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFA6DC !important;
border: 3px solid #FF007D !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block *
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
/* ContactForm Conatiner */
.rlw_contactform {
background-color: rgba(203, 227, 243, 60%);
border: 3px solid #B6FFFF !important;
border-radius: 15px;
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
/* Form container */
.rlw_contactform .sow-contact-form {
background-color: #B6FFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px;
padding-bottom: 50px;
padding-top: 50px;
}
/* Field Titles */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field label {
display: block;
margin-bottom: 0px !important;
margin-top: -10px;
text-align: left;
}
/* User Text field */
.rlw_contactform .sow-form-field .sow-text-field {
height: 38px;
color: #0042AA; padding-left: 10px; display: flex;
justify-content: center;
align-items: center;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
/* width: 1000px; */
/* height: 150px; */
}
/* User Textbox */
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex; justify-content: center;
align-items: center;
}
/* Field Description Element */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field .sow-form-field-description {
font-size: 0.9em;
margin-top: 0.2em;
margin-left: 0.2em;
color: #999999;
font-style: italic;
padding-left: 20px;
margin-bottom: 5px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
height: 120px;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center !important;
}
/* More Button Magic */
.rlw_contactform .sow-contact-form .sow-submit-styled .sow-submit {
color: #5a5a5a;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d5d5d5), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #d5d5d5, #ffffff);
background: -moz-linear-gradient(center bottom, #d5d5d5 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
border: 1px none #989a9c;
border-radius: 10px;
font-weight: normal;
padding: 10px 20px;
display: inline-block;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
font-size: 18px;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #BFEFFF !important;
color: #FF71BE !important;
font-weight: 500 !important;
text-shadow: 1px 1px #0042AA;
display: inline-block;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background:#FFA6DC !important;
color: white !important;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 3px solid #FF007D !important;
border-radius: 15px;
}
/* .rlw_contactform :focus-visible {
border: 5px solid red !important;
} */
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
font-weight: 900;
}
/* Mobile menu Hamburger Closed */
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
}
/* Mobile Menu Hamburger Open */ */
#mobile-menu-1 .mobileckhambuger_toggler:checked + * {
color: #FF71BE !important;
display: block !important;
}
/* 1st Level Menu */
#mobile-menu-1 ul.menu > li > a, #mobile-menu-1 ul.menu > li > span.separator, #mobile-menu-1 ul.nav > li > a, #mobile-menu-1 ul.nav > li > span.separator, #mobile-menu-1 ul.maximenuck > li > a, #mobile-menu-1 ul.maximenuck > li > span.separator {
color: #0042AA !important;
display: block;
font-size: 16px;
font-weight: 900;
border: 0px solid transparent;
background-color: transparent;
margin: 0px 0px 0px 0px !important;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
width: 150px !important;
}
/* Hover Level 1 */
#mobile-menu-1 ul.menu li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Second Level Menu */
#mobile-menu-1 ul.menu li li {
float: none;
display: block;
color: #0042AA !important;
font-size: 16px;
font-weight: 900;
width: 140px !important;
background-color: transparent;
border: 0px solid transparent;
margin: 0px 0px 0px 35px !important;
padding-top: 0px !important;
padding-right: 3px !importnat;
padding-bottom: 0px !important;
padding-left: 3px !important;
}
/* Hover Level 2 */
#mobile-menu-1 ul.menu li li:hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Third Level Menu */
#mobile-menu-1 ul.menu li li li{
float: none;
display: block;
font-size: 16px;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-top: 0px;
margin-left: 30px !important;
}
/* Hover Level 3 */
#mobile-menu-1 ul.menu li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Forth Level Menu */
#mobile-menu-1 ul.menu li li li li {
float: none;
display: block;
font-size: 16px !important;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-left: 30px !important;
}
/* Hover Level 4 */
#mobile-menu-1 ul.menu li li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Active Menu Item */
/* First Level */
#mobile-menu-1 ul.menu > li.active > a,
#mobile-menu-1 ul.menu > li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li.active > a,
#mobile-menu-1 ul.maximenuck > li.active > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-item > a,
#mobile-menu-1 ul.menu > li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > span.separator
/* Second Level */
#mobile-menu-1 ul.menu > li li.active > a,
#mobile-menu-1 ul.menu > li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li.active > a,
#mobile-menu-1 ul.maximenuck > li li.active > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > span.separator
/* Third Level */
#mobile-menu-1 ul.menu > li li li.active > a,
#mobile-menu-1 ul.menu > li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > span.separator
/* Forth level */
#mobile-menu-1 ul.menu > li li li li.active > a,
#mobile-menu-1 ul.menu > li li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > span.separator
{
width: 300px;
color: #FF007D !important;
margin-left: 0px !important;
padding-left: 0px !important;
font-size: 24px !important;
font-weight: 900 !important;
font-style: bold !important;
}
/* Turn off shadow box */
#mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:hover ul ul, #mobile-menu-1 ul.menu li:hover ul ul ul, #mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:focus ul ul, #mobile-menu-1 ul.menu li:focus ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:hover ul ul, #mobile-menu-1 ul.nav li:hover ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:focus ul ul, #mobile-menu-1 ul.nav li:focus ul ul ul {
background: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
width: auto;
background-color: rgba(203, 227, 243, 60%);
padding: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 0px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid transparent;
border-radius: 40px;
}
/* Title Element */
.wp-paginate .title {
display: none;
color: #008AD6;
text-shadow: 1px 1px white;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #0042AA !important;
text-shadow: 1px 1px #7dcde4;
background: #A0DDED !important;
border: 2px solid #8DC0FF !important;
margin-right: 6px;
padding: 7px 7px;
text-align: center;
text-decoration: none;
font-size: 15px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #B6FFFF !important;
border: 2px solid #FF71BE !important;
color: #FF007D !important;
text-shadow: 1px 1px white;
margin-right: 4px;
padding: 8px 8px;
font-size: 20px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: rgba(203, 227, 243, 100%) !important;
color: red !important;
text-shadow: 2px 2px white;
border: 2px solid #fca7da !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 34px;
background-color: #BFEFFF;
border: 2px solid #6BA7CC;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-top: 10px;
margin-right: 9px;
}
.wp-block-search__input {
background-color: #FDFDFD !important;
font-size: 18px;
height: 34px !important;
padding: 3px 3px 3px 3px !important;
margin-top: 0px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
color: #008AD6;
}
.widget_search :focus {
color: blue;
border-color: #FF007D !important;
}
.widget_search :focus-visible {
font-style: bold !important;
border-color:
transparent !important;
border-radius: 10px;
color: blue;
}
.wp-block-search__button {
color: #008AD6 !important;
font-weight: 600;
text-shadow: 1px 1px #B6FFFF;
height: 34px; margin-top: 0px;
background-color: #AEDBF0 !important;
border: 2px solid #6BA7CC !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
background-color: #FFA6DC !important;
color: #FF007D !important;
border-color: #FF007D important;
}
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -24px !important;
}
/* Moves the search field up */
.wp-block-search .wp-block-search__input {
margin-top: -24px !important;
}
/* End Search Block */
/* End Search Block */
/* Start of SiteOrigin Tabs .rlw_tabs */
/* Start of SiteOrigin Tabs .rlw_tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(203, 227, 243, 60%);
width: 100%;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
width: 100%;
padding: 0px 0px 0px 0px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
/* Change font here */
font-size: 18px;
font-weight: 100;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 5px 5px 5px 5px !important;
margin: 0px 0px 0px 0px !important;
/* Change font here */
text-shadow: 1px 1px #FFA6DC;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 2px 2px;
border-radius: 10px 10px 10px 10px;
color: #FF007D !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 0px;
margin: 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
width: 100%;
font-size: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
text-indent: 15px;
}
/* allow padding without changing other elemnts */
.rlw_tabs p, h1, h2, h3, h4, h5, h6 {
padding: 3px 3px 3px 3px;
}
/* End of SiteOrigin Tabs .rlw_tabs */
/* End of SiteOrigin Tabs .rlw_tabs*/
/* Start of SiteOrigin Tabs .rlw_tabs2 */
/* Start of SiteOrigin Tabs .rlw_tabs2 */
/* Overall Tabs Container */
.rlw_tabs2 {
/* background-color: rgba(203, 227, 243, 60%); */
width: 90%;
margin-left: auto;
margin-right: auto;
}
/* Tabs Container eliment */
.rlw_tabs2 .sow-tabs .sow-tabs-tab-container {
width: 100%;
padding: 0px 0px 0px 0px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs2 .sow-tabs-title {
/* Change font here */
font-size: 18px;
font-weight: 100;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px -12px !important;
}
/* Tab Text eleiments */
.rlw_tabs2 .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
/* Change font here */
text-shadow: 1px 1px #FFA6DC;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 2px 2px;
border-radius: 10px 10px 10px 10px;
color: #FF007D !important;
}
/* Selected Tab eliment */
.rlw_tabs2 .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
}
.rlw_tabs2 .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
}
.rlw_tabs2 .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs2 .sow-tabs-panel-container {
width: 100% !important;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #008AD6 !important;
border-radius: 15px 15px 15px 15px;
padding: 5px 0px 0px 0px !important;
margin: 0px !important;
}
.rlw_tabs2 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
width: auto;
font-size: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/* allow padding without changing other elemnts */
.rlw_tabs2 p, h1, h2, h3, h4, h5, h6 {
/* padding: 3px 3px 3px 3px; */
}
/* End of SiteOrigin Tabs .rlw_tabs2 */
/* End of SiteOrigin Tabs .rlw_tabs2*/
h6 {
font-size: 12px !important;
font-weight: 100;
font-style: normal;
}
h2, div.contentheading {
font-weight: normal;
line-height: 30px;
font-size: 24px;
font-style: italic;
}
/* Start of SiteOrigin Accordion */
/* Start of SiteOrigin Accordion */
.rlw_accordion {
background-color: rgba(203, 227, 243, 60%);
color: #FF71BE;
font-size: 20px !important;
padding: 40px;
border: 3px solid #B6FFFF;
border-radius: 15px;
margin-left: 40px;
margin-right: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.rlw_accordion .sow-accordion-panel-header {
/* ************************ Enter font stuff here *************** */
color: #FF71BE;
text-shadow: 1px 1px #0042AA;
position: relative;
cursor: pointer;
padding: 12px 180px 12px 180px !important;
background-color: #BFEFFF !important;
border-style:solid;
border-color: #FFA6DC;
border-width: 3px 3px 3px 3px;
border-radius: 10px 10px 10px 10px;
margin-left: auto;
margin-right: auto;
}
/* Accordion space between header and panel */
.rlw_accordion .sow-accordion .sow-accordion-panel {
margin-bottom: 0px !important;
}
.rlw_accordion .sow-accordion-panel-content {
/* ************************ Enter font stuff here *************** */
font-size: 18px;
font-weight: 500;
background-color: #E2FCFF !important;
border-style: solid;
border-color: #FFA6DC;
border-width: 0px 3px 3px 3px;
border-radius: 0px 0px 10px 10px;
padding: 10px 5px 30px 5px;
color: black;
overflow: auto;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 0px;
margin-top: 0px;
text-indent: 40px;
}
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-header:hover {
color: white !important;
text-shadow: 2px 2px #0042AA;
background-color: #FFA6DC !important;
border-color: #FF007D !important;
}
/* Accordion text area background */
.rlw_accordion .sow-accordion .sow-accordion-panel .sow-accordion-panel-content .sow-accordion-panel-border {
font-weight: 100 !important;
font-style: normal !important;
background-color: #E2FCFF !important;
padding: 10px;
overflow: auto;
margin-left: -93px;
margin-right: -60px;
margin-top: -10px;
}
/* End of SiteOrigin Accordion */
/* End of SiteOrigin Accordion */
/*Start of SiteOrigin Button Block */
/*Start of SiteOrigin Button Block */
/* Entire Button Widget */
.rlw_button {
.clearfix();
width: 200px;
text-align: center;
display: inline-block;
border: 3px solid #B6FFFF;
background-color: rgba(203, 227, 243, 60%);
border-radius: 15px;
margin: 0px;
position: relative;
top: 50%;
left: 50%;
transform: translate(-50%, -0%);
padding: 10px;
}
#rlw_button:hover {
background-color: #B6FFFF;
border-color: #FFA6DC
}
#rlw_button .ow-button-base a {
color: #FF71BE !important;
text-shadow: 1px 1px white;
line-height: 24px !important;
background-color: #8DC0FF;
}
#rlw_button .ow-button-hover:hover {
color: #FF007D !important;
text-shadow: 2px 2px #B6FFFF;
}
/* Pushable Button */
.rlw_button .ow-button-base a {
.clearfix();
width: 180px;
font-size: 24px !important;
text-shadow: 2px 2px #0042AA;
text-align: center;
display: inline-block;
background: #BFEFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px !important;
padding: 00px;
margin: 10px;
}
/* Pushable button on mouseover */
.rlw_button .ow-button-hover:hover {
background: #FFA6DC !important;
border: 3px solid #FF007D !important;
}
/* End of SiteOrigin Button Block */
/* End of SiteOrigin Button Block *
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
/* ContactForm Conatiner */
.rlw_contactform {
background-color: rgba(203, 227, 243, 60%);
border: 3px solid #B6FFFF !important;
border-radius: 15px;
font-size: 16px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
/* Form container */
.rlw_contactform .sow-contact-form {
background-color: #B6FFFF !important;
border: 3px solid #FFA6DC !important;
border-radius: 15px;
padding-bottom: 50px;
padding-top: 50px;
}
/* Field Titles */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field label {
display: block;
margin-bottom: 0px !important;
margin-top: -10px;
text-align: left;
}
/* User Text field */
.rlw_contactform .sow-form-field .sow-text-field {
height: 38px;
color: #0042AA; padding-left: 10px; display: flex;
justify-content: center;
align-items: center;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
/* width: 1000px; */
/* height: 150px; */
}
/* User Textbox */
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex; justify-content: center;
align-items: center;
}
/* Field Description Element */
.so-widget-sow-contact-form-default-51739e81be19-86 .sow-form-field .sow-form-field-description {
font-size: 0.9em;
margin-top: 0.2em;
margin-left: 0.2em;
color: #999999;
font-style: italic;
padding-left: 20px;
margin-bottom: 5px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
height: 120px;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
padding-left: 10px;
padding-top: 10px;
background: #E2FCFF;
color: #0042AA;
font-size: 16px;
display: flex;
justify-content: center;
align-items: center;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center !important;
}
/* More Button Magic */
.rlw_contactform .sow-contact-form .sow-submit-styled .sow-submit {
color: #5a5a5a;
background: #ffffff;
background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d5d5d5), color-stop(1, #ffffff));
background: -ms-linear-gradient(bottom, #d5d5d5, #ffffff);
background: -moz-linear-gradient(center bottom, #d5d5d5 0%, #ffffff 100%);
background: -o-linear-gradient(#ffffff, #d5d5d5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d5d5d5', GradientType=0);
border: 1px none #989a9c;
border-radius: 10px;
font-weight: normal;
padding: 10px 20px;
display: inline-block;
box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5);
font-size: 18px;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #BFEFFF !important;
color: #FF71BE !important;
font-weight: 500 !important;
text-shadow: 1px 1px #0042AA;
display: inline-block;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background:#FFA6DC !important;
color: white !important;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 3px solid #FF007D !important;
border-radius: 15px;
}
/* .rlw_contactform :focus-visible {
border: 5px solid red !important;
} */
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
font-weight: 900;
}
/* Mobile menu Hamburger Closed */
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
}
/* Mobile Menu Hamburger Open */ */
#mobile-menu-1 .mobileckhambuger_toggler:checked + * {
color: #FF71BE !important;
display: block !important;
}
/* 1st Level Menu */
#mobile-menu-1 ul.menu > li > a, #mobile-menu-1 ul.menu > li > span.separator, #mobile-menu-1 ul.nav > li > a, #mobile-menu-1 ul.nav > li > span.separator, #mobile-menu-1 ul.maximenuck > li > a, #mobile-menu-1 ul.maximenuck > li > span.separator {
color: #0042AA !important;
display: block;
font-size: 16px;
font-weight: 900;
border: 0px solid transparent;
background-color: transparent;
margin: 0px 0px 0px 0px !important;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
width: 150px !important;
}
/* Hover Level 1 */
#mobile-menu-1 ul.menu li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Second Level Menu */
#mobile-menu-1 ul.menu li li {
float: none;
display: block;
color: #0042AA !important;
font-size: 16px;
font-weight: 900;
width: 140px !important;
background-color: transparent;
border: 0px solid transparent;
margin: 0px 0px 0px 35px !important;
padding-top: 0px !important;
padding-right: 3px !importnat;
padding-bottom: 0px !important;
padding-left: 3px !important;
}
/* Hover Level 2 */
#mobile-menu-1 ul.menu li li:hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Third Level Menu */
#mobile-menu-1 ul.menu li li li{
float: none;
display: block;
font-size: 16px;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-top: 0px;
margin-left: 30px !important;
}
/* Hover Level 3 */
#mobile-menu-1 ul.menu li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Forth Level Menu */
#mobile-menu-1 ul.menu li li li li {
float: none;
display: block;
font-size: 16px !important;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-left: 30px !important;
}
/* Hover Level 4 */
#mobile-menu-1 ul.menu li li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Active Menu Item */
/* First Level */
#mobile-menu-1 ul.menu > li.active > a,
#mobile-menu-1 ul.menu > li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li.active > a,
#mobile-menu-1 ul.maximenuck > li.active > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-item > a,
#mobile-menu-1 ul.menu > li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > span.separator
/* Second Level */
#mobile-menu-1 ul.menu > li li.active > a,
#mobile-menu-1 ul.menu > li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li.active > a,
#mobile-menu-1 ul.maximenuck > li li.active > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > span.separator
/* Third Level */
#mobile-menu-1 ul.menu > li li li.active > a,
#mobile-menu-1 ul.menu > li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > span.separator
/* Forth level */
#mobile-menu-1 ul.menu > li li li li.active > a,
#mobile-menu-1 ul.menu > li li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > span.separator
{
width: 300px;
color: #FF007D !important;
margin-left: 0px !important;
padding-left: 0px !important;
font-size: 24px !important;
font-weight: 900 !important;
font-style: bold !important;
}
/* Turn off shadow box */
#mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:hover ul ul, #mobile-menu-1 ul.menu li:hover ul ul ul, #mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:focus ul ul, #mobile-menu-1 ul.menu li:focus ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:hover ul ul, #mobile-menu-1 ul.nav li:hover ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:focus ul ul, #mobile-menu-1 ul.nav li:focus ul ul ul {
background: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
/* Paginate for Desktop computer */
/* Paginate for Desktop computer */
/* Paginate Container */
.wp-paginate {
width: auto;
background-color: rgba(203, 227, 243, 60%);
padding: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
margin-top: 0px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid transparent;
border-radius: 40px;
}
/* Title Element */
.wp-paginate .title {
display: none;
color: #008AD6;
text-shadow: 1px 1px white;
margin-right: auto;
margin-left: auto;
font-size: 24px !important;
font-weight: normal !important;
padding-right: 10px;
}
/* Common Elements */
.wp-paginate a {
color: #0042AA !important;
text-shadow: 1px 1px #7dcde4;
background: #A0DDED !important;
border: 2px solid #8DC0FF !important;
margin-right: 6px;
padding: 7px 7px;
text-align: center;
text-decoration: none;
font-size: 15px !important;
}
/* Current Element */
.wp-paginate .current {
background-color: #B6FFFF !important;
border: 2px solid #FF71BE !important;
color: #FF007D !important;
text-shadow: 1px 1px white;
margin-right: 4px;
padding: 8px 8px;
font-size: 20px;
font-weight: bold;
margin-right: 6px;
}
/* Hover Element */ .wp-paginate a:hover, .wp-paginate a:active {
background-color: rgba(203, 227, 243, 100%) !important;
color: red !important;
text-shadow: 2px 2px white;
border: 2px solid #fca7da !important;
}
/* End of Paginate */
/* End of Paginate */
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 34px;
background-color: #BFEFFF;
border: 2px solid #6BA7CC;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-top: 10px;
margin-right: 9px;
}
.wp-block-search__input {
background-color: #FDFDFD !important;
font-size: 18px;
height: 34px !important;
padding: 3px 3px 3px 3px !important;
margin-top: 0px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
color: #008AD6;
}
.widget_search :focus {
color: blue;
border-color: #FF007D !important;
}
.widget_search :focus-visible {
font-style: bold !important;
border-color:
transparent !important;
border-radius: 10px;
color: blue;
}
.wp-block-search__button {
color: #008AD6 !important;
font-weight: 600;
text-shadow: 1px 1px #B6FFFF;
height: 34px; margin-top: 0px;
background-color: #AEDBF0 !important;
border: 2px solid #6BA7CC !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
background-color: #FFA6DC !important;
color: #FF007D !important;
border-color: #FF007D important;
}
/* Moves the search button up */
.wp-block-search .wp-block-search__button {
margin-top: -24px !important;
}
/* Moves the search field up */
.wp-block-search .wp-block-search__input {
margin-top: -24px !important;
}
/* End Search Block */
/* End Search Block */
/* Start of SiteOrigin Tabs .rlw_tabs */
/* Start of SiteOrigin Tabs .rlw_tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(203, 227, 243, 60%);
width: 100%;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
width: 100%;
padding: 0px 0px 0px 0px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
/* Change font here */
font-size: 18px;
font-weight: 100;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 5px 5px 5px 5px !important;
margin: 0px 0px 0px 0px !important;
/* Change font here */
text-shadow: 1px 1px #FFA6DC;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 2px 2px;
border-radius: 10px 10px 10px 10px;
color: #FF007D !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 0px;
margin: 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
width: 100%;
font-size: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
text-indent: 15px;
}
/* allow padding without changing other elemnts */
.rlw_tabs p, h1, h2, h3, h4, h5, h6 {
padding: 3px 3px 3px 3px;
}
/* End of SiteOrigin Tabs .rlw_tabs */
/* End of SiteOrigin Tabs .rlw_tabs*/
/* Start of SiteOrigin Tabs .rlw_tabs2 */
/* Start of SiteOrigin Tabs .rlw_tabs2 */
/* Overall Tabs Container */
.rlw_tabs2 {
/* background-color: rgba(203, 227, 243, 60%); */
width: 90%;
margin-left: auto;
margin-right: auto;
}
/* Tabs Container eliment */
.rlw_tabs2 .sow-tabs .sow-tabs-tab-container {
width: 100%;
padding: 0px 0px 0px 0px !important;
}
/* Overall Tabs eleiments */
.rlw_tabs2 .sow-tabs-title {
/* Change font here */
font-size: 18px;
font-weight: 100;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px -12px !important;
}
/* Tab Text eleiments */
.rlw_tabs2 .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 0px 0px 0px 0px !important;
margin: 0px 0px 0px 0px !important;
/* Change font here */
text-shadow: 1px 1px #FFA6DC;
border-style: solid;
border-color: #FFA6DC;
border-width: 2px 2px 2px 2px;
border-radius: 10px 10px 10px 10px;
color: #FF007D !important;
}
/* Selected Tab eliment */
.rlw_tabs2 .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #008AD6 !important;
text-shadow: 1px 1px #0042AA !important;
border-style: solid;
border-color: #FF007D;
}
.rlw_tabs2 .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #008AD6#FF007D !important;
border-style: solid;
border-color: #FF007D
}
.rlw_tabs2 .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs2 .sow-tabs-panel-container {
width: 100% !important;
border-style: solid;
border-width: 2px 2px 2px 2px;
border-color: #008AD6 !important;
border-radius: 15px 15px 15px 15px;
padding: 5px 0px 0px 0px !important;
margin: 0px !important;
}
.rlw_tabs2 .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
width: auto;
font-size: 18px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 0px;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
/* allow padding without changing other elemnts */
.rlw_tabs2 p, h1, h2, h3, h4, h5, h6 {
/* padding: 3px 3px 3px 3px; */
}
/* End of SiteOrigin Tabs .rlw_tabs2 */
/* End of SiteOrigin Tabs .rlw_tabs2*/
/* Start of SiteOrigin Contact Form */
/* Start of SiteOrigin Contact Form */
.rlw_contactform {
/* text-align: center; */
background-color: rgba(203, 227, 243, 60%);
border: 5px solid #B6FFFF !important;
border-radius: 15px;
font-weight: bold;
font-size:20px;
margin-left: 50px;
margin-right: 50px;
padding: 50px;
}
.rlw_contactform .sow-contact-form {
background-color: #B6FFFF !important;
border: 5px solid #FFA6DC !important;
border-radius: 15px;
}
.rlw_contactform .sow-form-field .sow-text-field {
height: 50px;
}
/* Height and width of Text Fields */
.rlw_contactform .sow-form-field textarea {
height: 130px;
max-width: 1100px;
}
.rlw_contactform .sow-form-field textarea, .sow-form-field .sow-text-field {
display: block;
width: 100%;
border-radius: 15px;
margin: 0px;
border: 3px solid #FF71BE !important;
border-radius: 15px !important;
padding: 3px;
background: #E2FCFF;
color: #C24E00;
font-size: 24px;
}
.rlw_contact .sow-form-field .sow-field-container {
overflow: hidden;
display: block;
}
/* OverAll Submit Button*/
.rlw_contactform .sow-submit-styled {
border-radius: 5px;
padding: 30px 30px;
/* display: inline-block; */
text-align: center !important;
}
/* Text for Submit Button */
.rlw_contactform .sow-submit {
background: #BFEFFF !important;
color: #FF71BE !important;
font-weight: 900 !important;
font-size: 28px;
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 5px solid #FFA6DC !important;
border-radius: 15px !important;
}
/* Submit Button Mouse Over */
.rlw_contactform .sow-submit:hover {
background:#FFA6DC !important;
color: white !important;
font-weight: 900 !important;
/* font-size: 30px; */
text-shadow: 2px 2px #0042AA !important;
display: inline-block;
border: 5px solid #FF007D !important;
border-radius: 15px;
}
.rlw_contactform :focus-visible {
border: 5px solid red !important;
}
.rlw_contactform .sow-contact-form .sow-error {
text-align: center;
width: 800px;
background: yellow !important;
border: 5px solid red !important;
color: yellow !important;
border-radius: 15px !important;
padding: 14px !important;
font-size: 22px !important;
font-weight: 900;
margin: auto !important;
}
/* End of SiteOrigin Contact Form */
/* End of SiteOrigin Contact Form */
<?php
/**
* Theme made with Template Creator CK - https://www.template-creator.com
* @copyright Template Creator CK
* */
// No direct access to this file
defined('ABSPATH') or die;
?>
<?php dynamic_sidebar( 'message' ); ?>
<?php if ( have_posts() ) : ?>
<?php if (! is_singular()) { ?>
<div class="tck-blog">
<?php } ?>
<?php /* Start the Loop */ ?>
<?php while ( have_posts() ) : the_post(); ?>
<article id="post-<?php the_ID(); ?>" <?php post_class('tck-article'); ?>>
<header>
<?php if ( is_singular() ) :
the_title( '<h1 class="entry-title tck-article-title">', '</h1>' );
else :
the_title( '<h2 class="entry-title tck-article-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );
endif;
?>
</header>
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
?>
<?php if (! is_singular() && get_the_excerpt()) {
the_content(false);
?>
<p class="tck-readmore"><a href="<?php echo get_permalink(); ?>"><?php _e( '', 'rlw_winter2021' ) ?></a></p>
<br>
<div class="img-container"> <!-- Block parent element -->
<img src="<?php print(get_template_directory_uri()); ?>/images/custom/EndOfPost.gif" />
</div>
<br>
<br>
<?php
} else {
the_content();
}
?>
<?php wp_link_pages( array(
'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'rlw_winter2021' ) . '</span>',
'after' => '</div>',
'link_before' => '<span>',
'link_after' => '</span>',
'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'rlw_winter2021' ) . ' </span>%',
'separator' => '<span class="screen-reader-text">, </span>',
) );
?>
</article>
<?php if (theme_rlwwinter2021_options('comments', '1')) {
comments_template();
} ?>
<?php endwhile; ?>
<div class="tck-pagination">
<?php
// Previous/next page navigation.
the_posts_pagination( array(
'prev_text' => __( 'Previous page', 'rlw_winter2021' ),
'next_text' => __( 'Next page', 'rlw_winter2021' ),
'before_page_number' => '<span class="meta-nav screen-reader-text">' . __( 'Page', 'rlw_winter2021' ) . ' </span>',
) );
?>
</div>
<?php if (! is_singular()) { ?>
</div>
<?php } ?>
<?php endif; ?>
<?php
//Replace style-login.css with the name of your custom CSS file
function my_custom_login_stylesheet() {
wp_enqueue_style( 'custom-login', get_stylesheet_directory_uri() . '/css/customed-login.css' );
}
//This loads the function above on the login page
add_action( 'login_enqueue_scripts', 'my_custom_login_stylesheet' );
if (file_exists(dirname( __FILE__ ) . '/customfunctions.php')) {
include_once(dirname( __FILE__ ) . '/customfunctions.php');
}
function html5_search_form( $form ) {
$form = '<section class="search"><form role="search" method="get" id="Search for what?" action="' . home_url( '/' ) . '" >
<label class="screen-reader-text" for="s">' . __('', 'domain') . '</label>
<input type="search" value="' . get_search_query() . '" name="s" id="s" placeholder="Search website" />
<input type="submit" id="searchsubmit" value="'. esc_attr__('Search Me', 'domain') .'" />
</form></section>';
return $form;
}
add_filter( 'get_search_form', 'html5_search_form' );
/* Start Search Block */
/* Start Search Block */
.wp-block-search {
color: transparent;
font-size: 0px !important;
height: 44px;
background-color: #BFEFFF;
border: 2px solid #6BA7CC;
border-radius: 15px;
padding: 10px 6px 10px 6px !important;
margin-right: 9px;
margin-top: 10px;
}
.wp-block-search__input {
background-color: #FDFDFD !important;
font-size: 20px;
height: 45px !important;
padding: 3px 3px 3px 3px !important;
margin-top: 0px;
border: 2px solid #FFA6DC !important;
border-radius: 10px;
}
.wp-block-search__button {
height:45px;
margin-top: 0px;
background-color: #AEDBF0 !important;
border: 2px solid #6BA7CC !important;
border-radius: 10px;
}
.wp-block-search__button:hover {
background-color: #FF71BE !important;
border: 20px solid yellow important;
}
.widget_search :focus-visible {
font-style: bold !important;
border: 0px solid #FF007D !important;
border-radius: 10px;
color: blue;
}
.widget_search :focus {
color: blue;
border: 5px solid red !important;
}
/* End Search Block */
/* End Search Block */
.center2 {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
/* Start of SiteOrigin Tabs */
/* Start of SiteOrigin Tabs */
/* Overall Tabs Container */
.rlw_tabs {
background-color: rgba(203, 227, 243, 60%);
border: 5px solid #B6FFFF !important;
border-radius: 15px 15px 15px 15px;
margin-left: 50px !important;
margin-right: 50px !important;
padding: 40px;
}
/* Tabs Container eliment */
.rlw_tabs .sow-tabs .sow-tabs-tab-container {
background-color: transparent;
border-style: solid;
border-color: transparent;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 00px 00px;
}
/* Overall Tabs eleiments */
.rlw_tabs .sow-tabs-title {
font-family: "Times New Roman", Times, sans-serif !important;
font-size: 28px;
font-weight: 700;
align-items: center;
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: 5px 5px 5px 5px;
}
/* Tab Text eleiments */
.rlw_tabs .sow-tabs-tab {
cursor: pointer;
background-color: #BFEFFF;
padding: 0px 0px 0px 0px;
margin: 0px 25px 0px -13px !important;
font-family: "Times New Roman", Times, sans-serif !important;
text-shadow: 2px 2px #0042AA;
transition: all 0.3s;
border-style: solid;
border-color: #FFA6DC;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
color: #FFA6DC !important;
}
/* Selected Tab eliment */
.rlw_tabs .sow-tabs-tab.sow-tabs-tab-selected {
background-color: #FDFDFD;
color: #FF007D !important;
text-shadow: 2px 2px #0042AA;
border-style: solid;
border-color: #FF007D;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #FFA6DC !important;
color: #FF007D;
border-style: solid;
border-color: #FF007D
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-tab:hover {
background-color: #CBF1FA;
color: white !important;
border-style: solid;
border-color: #FF007D;
border-width: 3px 3px 0px 3px;
border-radius: 10px 10px 0px 0px;
}
.rlw_tabs .sow-tabs-panel {
/* padding: 0px 0px 0px 0px; */
}
.rlw_tabs .sow-tabs-panel-container {
/* background-color: #E2FCFF; */
background-color: #E2FCFF !important;
color: black;
font-size: 20px !important;
border-style: solid;
border-width: 3px 3px 3px 3px;
border-color: #FFA6DC;
border-radius: 0px 15px 15px 15px;
padding: 0px 0px 0px 0px;
}
.rlw_tabs .sow-tabs .sow-tabs-panel-container .sow-tabs-panel-content {
font-size: 18px !important;
margin-left: -20px;
margin-top: -15px;
}
/* End of SiteOrigin Tabs */
/* End of SiteOrigin Tabs */
/* Login Page background color or image */
body.login {
background-image: url(https://www.thewaldrips.net/wp-content/uploads/2021/12/Tabs-Background-SnowFlake3-SeasonGreeting2021.jpg);
}
/* Login Page Form */
body.login div#login form#loginform {
background-color: #B6FFFF;
}
/* Login Page Logo */
.login h1 a {
background-image: url(http://testme.thewaldrips.net/wp-content/uploads/2021/12/IceHeader01.png);
width: 320px;
height: 70px;
background-position: center top;
background-repeat: no-repeat;
background-size: 330px;
margin-bottom: -10px;
margin-top: -30px;
}
.login form {
width: 260px;
font-weight: 400;
overflow: hidden;
background: red;
border: 2px solid #FFA6DC;
border-radius: 15px;
}
.login label {
font-size: 16px;
line-height: 1.5;
display: inline-block;
margin-bottom: 3px;
}
.login form .input, .login input[type=password], .login input[type=text] {
background-color: white;
color: blue;
font-weight: 500;
font-style: bold;
font-size: 18px;
line-height: 1.33333333;
width: 100%;
border: 2px solid #FF71BE;
border-radius: 10px;
padding: .1875rem .3125rem;
margin: 0 6px 16px 0;
min-height: 40px;
max-height: none;
}
/* Login Page check box */
.login input[type=checkbox], input[type=radio] {
border: 2px solid #FF71BE;
border-radius: 0px;
background: white;
color: yellow;
clear: none;
cursor: pointer;
display: inline-block;
line-height: 0;
height: 24px;
margin: -8px 0px 0px 0px;
outline: 0;
padding: 0!important;
text-align: center;
vertical-align: middle;
width: 24px;
min-width: 1rem;
-webkit-appearance: none;
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
transition: .05s border-color ease-in-out;
}
.login input[type=checkbox], input[type=radio] :checked {
}
.login .button-primary {
background: #CBE3F3;
border: 3px solid #8DC0FF;
border-radius: 10px;
color: #FF71BE;
text-decoration: none;
text-shadow: 1px 1px #0042AA;
padding: 5px;
font-size: 16px;
font-weight: 600;
}
/* Login Page button hover */
.wp-core-ui .button-primary.focus, .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:focus, .wp-core-ui .button-primary:hover {
background: #FFA6DC;
border-color: #FF007D;
color: #B6FFFF;
font-size: 16px;
font-weight: 600;
text-shadow: 2px 2px #0042AA;
/* font-style: bold; */
}
.login #nav a { /* Lost your password? */
/* width: 900px !important; */
font-size: 16px;
text-decoration: none;
color: #0042AA;
padding: 10px 10px 10px 36px !important;
border-color: #FFA6DC !important;
border-top-width: 2px;
border-right-width: 2px;
border-left-width: 2px;
border-bottom-width: 0px;
border-radius: 15px 15px 0px 0px;
border-style: solid;
margin: 0px 0px 0px 30px !important;
background-color: #B6FFFF;
}
/* .login #backtoblog a, .login #nav a */
.login #backtoblog a { /* Go To Testme */
/* width: 600px; */
font-size: 16px !important;
text-decoration: none;
color: #0042AA !important;
padding: 10px 10px 10px 10px !important;
border-color: #FFA6DC !important;
border-top-width: 0px;
border-right-width: 2px;
border-left-width: 2px;
border-bottom-width: 2px;
border-radius: 0px 0px 15px 15px;
border-style: solid;
margin: 0px 0px 0px 30px !important;
background-color: #B6FFFF;
}
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
font-weight: 900;
}
/* Mobile menu Hamburger Closed */
#mobile-menu-1 .mobileckhambuger_togglerlabel {
color: #FF71BE !important;
}
/* Mobile Menu Hamburger Open */ */
#mobile-menu-1 .mobileckhambuger_toggler:checked + * {
color: #FF71BE !important;
display: block !important;
}
/* 1st Level Menu */
#mobile-menu-1 ul.menu > li > a, #mobile-menu-1 ul.menu > li > span.separator, #mobile-menu-1 ul.nav > li > a, #mobile-menu-1 ul.nav > li > span.separator, #mobile-menu-1 ul.maximenuck > li > a, #mobile-menu-1 ul.maximenuck > li > span.separator {
color: #0042AA !important;
display: block;
font-size: 16px;
font-weight: 900;
border: 0px solid transparent;
background-color: transparent;
margin: 0px 0px 0px 0px !important;
padding-top: 2px;
padding-right: 3px;
padding-bottom: 2px;
padding-left: 3px;
width: 150px !important;
}
/* Hover Level 1 */
#mobile-menu-1 ul.menu li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Second Level Menu */
#mobile-menu-1 ul.menu li li {
float: none;
display: block;
color: #0042AA !important;
font-size: 16px;
font-weight: 900;
width: 140px !important;
background-color: transparent;
border: 0px solid transparent;
margin: 0px 0px 0px 35px !important;
padding-top: 0px !important;
padding-right: 3px !importnat;
padding-bottom: 0px !important;
padding-left: 3px !important;
}
/* Hover Level 2 */
#mobile-menu-1 ul.menu li li:hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Third Level Menu */
#mobile-menu-1 ul.menu li li li{
float: none;
display: block;
font-size: 16px;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-top: 0px;
margin-left: 30px !important;
}
/* Hover Level 3 */
#mobile-menu-1 ul.menu li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Forth Level Menu */
#mobile-menu-1 ul.menu li li li li {
float: none;
display: block;
font-size: 16px !important;
color: #0042AA !important;
width: 140px !important;
background-color: transparent !important;
border: 2px solid transparent !important;
margin-left: 30px !important;
}
/* Hover Level 4 */
#mobile-menu-1 ul.menu li li li li :hover {
color: #FF007D !important;
background-color: transparent !important;
}
/* Active Menu Item */
/* First Level */
#mobile-menu-1 ul.menu > li.active > a,
#mobile-menu-1 ul.menu > li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li.active > a,
#mobile-menu-1 ul.maximenuck > li.active > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-item > a,
#mobile-menu-1 ul.menu > li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li.current-menu-ancestor > span.separator
/* Second Level */
#mobile-menu-1 ul.menu > li li.active > a,
#mobile-menu-1 ul.menu > li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li.active > a,
#mobile-menu-1 ul.maximenuck > li li.active > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li.current-menu-ancestor > span.separator
/* Third Level */
#mobile-menu-1 ul.menu > li li li.active > a,
#mobile-menu-1 ul.menu > li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li.current-menu-ancestor > span.separator
/* Forth level */
#mobile-menu-1 ul.menu > li li li li.active > a,
#mobile-menu-1 ul.menu > li li li li.active > span.separator,
#mobile-menu-1 ul.maximenuck > li li li li.active > a,
#mobile-menu-1 ul.maximenuck > li li li li.active > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-item > span.separator,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > a,
#mobile-menu-1 ul.menu > li li li li.current-menu-ancestor > span.separator
{
width: 300px;
color: #FF007D !important;
margin-left: 0px !important;
padding-left: 0px !important;
font-size: 24px !important;
font-weight: 900 !important;
font-style: bold !important;
}
/* Turn off shadow box */
#mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:hover ul ul, #mobile-menu-1 ul.menu li:hover ul ul ul, #mobile-menu-1 ul.menu li ul, #mobile-menu-1 ul.menu li:focus ul ul, #mobile-menu-1 ul.menu li:focus ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:hover ul ul, #mobile-menu-1 ul.nav li:hover ul ul ul, #mobile-menu-1 ul.nav li ul, #mobile-menu-1 ul.nav li:focus ul ul, #mobile-menu-1 ul.nav li:focus ul ul ul {
background: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
This is what I am using as my base for my themes. As features are to my website, I will update the information here and then into the rest of my existing themes.
Click on the image to enlarge it.
Accordion
Button
By Device
Contact
Content
Functions
Misc
Tabs
Working
Plug Ins
/* Start of Accordion */
/* Start of Accordion */
/* Accordion container */
.rlw_accordion panel-widget-style, .panel-widget-style {
border: 10px solid blue;
}
/* Accordion title element */
.rlw_accordion .widget-title {
color: blue;
background: white;
}
/* Accordion Panel Title */
.rlw_accordion .sow-accordion-panel-header {
border: 5px solid yellow;
background: lighblue;
}
/* Accordion Panel Content */
.rlw_accordion .sow-accordion-panel-content {
background: lightgreen !important;
padding-left: 40px;
}
/* Enod of Accordion */
/* End of Accordion */
/* Start of Button */
/* Start of Button */
.rlw_button, panel-widget-style {
border: 10px solid red !important;
}
/* Button regular state */
.rlw_button .ow-button-base a {
background: yellow !important;
}
/* Button hoover */
.rlw_button .ow-button-base a.ow-button-hover:hover {
background: green !important;
}
/* Enod of Button */
/* End of Button */
Desktop
Phone: Landscape
Phone: Portrait
Tablet: Landscape
Tablet: Portrait