/**
 * Theme Name: DQ2026
 * Template:   twentytwentyfive
 * By: straywasp
 * Version: 9
 */
 
 /* Import the parent theme's styles */
@import url("../twentytwentyfive/style.css");

 /* Custom */
:root {
	--dq-blue: #2671aa; 
	--dq-orange: #ff7800;
}

.recent-review {
	list-style-type: none;
	padding-left:0;
	font-family: Helvetica, sans-serif;
}
.recent-review-text {
	background: #0082ff;
	padding:.75em;
	display:inline-block;
    border-radius: 10px 10px 0;
    color: #fff;
	line-height: 1.4em;
	max-width:600px;
}

.recent-review-text cite a {
	color:#fff;
	box-shadow:none;
	float:right;
}

.recent-review-author:after {
content:":";
}

a.recent-review-date {
text-align:right;
width:100%;
display:block;
border:none;
text-decoration: none;
color:#aaa;
}
a.recent-review-date, a.recent-review-date:hover {
box-shadow:none;
}

.review-callout, .review-callout a  {
font-size: 20px;
font-weight:200;
}
.review-callout ul, .review-callout ul li {
	margin-left: 0;
}

.review-callout .recent-review-text {
    margin-top: 0.5em;
}

 .dan::before {
	position:relative;
    background:url("assets/dan.jpg");
	margin:0 .5em 0 0;
	background-size:100px;
    float:left;
	width:100px;
	height:100px;
	border-radius:100%;
}
.john::before {
	position:relative;
    background:url("assets/john.jpg");
	margin:0 .5em 0 0;
	background-size:100px;
    float:left;
	width:100px;
	height:100px;
	border-radius:100%;
}

.cta-but {
display:block;
position:relative;
font-size: 20px;
font-weight:200;
padding:1em;
border-radius:10px;
clear:both;
background:#099e05;
color: white;
}

.cta-but a {
color:#fff;
box-shadow:none;
}
.cta-but h2, .cta-but p {
color:#fff;
display:block;
margin:0;
}
.cta-but span{
position:absolute;
width:100%;
height:100%;
top:0;
left: 0;
z-index: 1;
}

.post-805 .entry-meta,
.post-805 .entry-footer,
.post-805 .entry-categories,
.post-805 .post-meta-wrapper,
.post-805 .pagination-single,
.post-805 .author-bio {
display:none;
}

div:has(>.taxonomy-post_tag),
nav:has(>.post-navigation-link-previous),
div:has(>.wp-block-post-author-name) {
display:none;
}

.home-cta {
	text-align:center;
	font-size:24px;
	padding:3em 0 ;
	position:relative;
	top:25%;
	word-wrap:normal;
}
.home-cta a{
	border-radius:2px;
	display:inline-block;
	margin:.1em;
	padding:.5em 1em;
	background: #fff;
	color: #999;
}

.home-cta .dazzling {
	color:#fff;
	background: #ff530d;
}

/* CostBox Styles */
.box {
padding:24px;
margin-bottom:24px;
border-radius:10px;
}


#box1 {
color:#eee;
background: var(--dq-blue) url(assets/br-wallpaper-dull-128.png);
box-shadow: 0 0 20px 20px rgba(0, 0, 0, 0.15) inset;
}

#box1 a, #box1 h2, #box1 ul, #box1 p {
color: #fff;
text-shadow: 4px 4px 6px rgba(0, 0, 0, 0.15);
}

#box2 {
color:#eee;
background: #820000; /* Old browsers */
background: -moz-linear-gradient(left, #820000 0%, #ff7700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#820000), color-stop(100%,#ff7700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #820000 0%,#ff7700 100%); /* Chrome10+,Safari5.1+ */
}
.hddimg svg{

}

.hddimg {
transition: all 0.5s ease;
display:inline-block;
vertical-align:top;
margin:0 24px 24px 0;
}

.box h3 {
color:#eee;
margin-top:0;
}

.box ul {
display:inline-block;
max-width:42%;
margin:0 24px 24px 0;
}

.costbox {
text-align:center;
padding:.5em;
border-radius:100%;
display:inline-block;
margin:0;
box-shadow: 4px 4px 6px -1px rgba(0, 0, 0, 0.15), inset 4px 4px 4px -1px rgba(255, 255, 255, 0.30), inset -4px -4px 6px -1px rgba(0, 0, 0, 0.1);
vertical-align:top;
transform: rotate(10deg);
}

.costbox p {
font-size:200%;
font-weight:999;
margin:0;
font-family: "Helvetica Neue", sans-serif;
text-shadow: none !important;

}

#costbox1 {
background: var(--dq-orange);
color:#fff;
font-family: "Helvetica Neue", sans-serif;
}

#costbox2 {
background:#1663fa;
color:#fff;
}

.cbfooter {
width:100%;
display:inline-block;
}

.wpcf7 input, 
.wpcf7 textarea,
.wpcf7 select {
font-size: inherit;
border-radius: 10px;
border: 1px solid #eee;
padding:.5em;
max-width:95%;
}

input[type="submit"]{
background: var(--wp--preset--color--accent-3);
color: #fff;
border:none;
padding: .75em 2em;
cursor: pointer;
border-radius: 3em;
}


 @media (max-width: 600px) {

	.box {text-align:center;}

	.costbox {float:none;}

	.box ul {max-width:100%; width:100%; list-style-type:none; padding-left:0}

	.hddimg {
	transition: all 0.5s ease;
	-webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
	margin:0;
	}
	.cbfooter {margin-top:1em; text-align:left;}
 }